Blogger Sayfa Numaralandırma Eklentisi
Blogger'da önceki kayıtlar ve sonraki kayıtlar
şeklinde butonlar bulunmaktadır.Bu butonların yerine sayfa numaralandırması yaparak blogumuzu
kullanıcıların daha kolay kullanabilmesini sağlayabiliriz.Hem bu şekilde blogumuzun sayfaları arasında
gezmek de daha kolay olacak. Blogger da blog umuza sayfa numaralandırma eklentisini
uygulamak için aşağıdaki adımları blog unuza uygulayarak en son resimdeki gibi bir sonuca varabiliriz.
*Öncelikle blogger kumanda panelimize giriş yapıyoruz.
*Şablon sekmesinden HTML yi düzenle tıklıyoruz.
Ctrl+F yardımı ile ]]></b:skin> kodunu buluyoruz.
Üstüne şu kodu ekliyoruz.
.showpageNum a {
font-size:14px;font-weight:bold;
color:#006699;
border:1px solid #CCC;
padding-top:2px;
padding-left:3px;
padding-right:3px;
margin-left:2px;
margin-right:2px;
}
.showpageNum a:hover {
text-decoration:none;
color:#3c78a7;
border:1px solid #1584d9;
background:#f0f4f7;
}
.showpagePoint {
background:#3c78a7;
font-size:14px;font-weight:bold;
padding-top:2px;
padding-left:3px;
padding-right:3px;
color:#fff;
border:1px solid #CCC;
}
.showpageOf {
clear:both;
padding:15px;
text-align:center;
font-size:12px;
font-weight:bold;
color:#999;
}
.showpage a {
font-size:14px;font-weight:bold;
padding-top:2px;
padding-left:3px;
padding-right:3px;
color:#006699;
border:1px solid #CCC;
}
.showpage a:hover {
border:1px solid #1584d9;
text-decoration:none;
}
Daha sonrasında </body> kodunu Ctrl+F yardımı ile aratıp buluyoruz ve bu kodun hemen üstüne aşağıdaki kodları yapıştırıyoruz.
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Önceki';
var downPageWord ='Sonraki';
</script>
<script src='http://tema.dataservis.org/eklentiler/blogger-numaralandirma.js' type='text/javascript'></script>
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Önceki';
var downPageWord ='Sonraki';
</script>
<script src='http://tema.dataservis.org/eklentiler/blogger-numaralandirma.js' type='text/javascript'></script>
Kaydet tıklamayı unutmayın.
Bu kodlar sonucunda çıkan görüntü blog da şöyle;
Hiç yorum yok:
Yorum Gönder