Blogger Sayfa Numaralandırma Eklentisi

Ziyaretçilerimizin Sayfalar arasında rahatça gezebilmeleri için güzel bir eklenti. Çok fazla içeriğimiz olduğunda ziyaretöilerimiz saylafar arasında gezmeleri çok zor olacak ve onların işi kolaylaşacak.

Sayfamıza nasıl ekleyeceğimiz konusuna gelirsek;

Blogger Kontrol Paneli > Şablon > Html'yi Düzenle yolunu takip ediyoruz. CTRL+F tuşları ile ]]></b:skin> kodunu buluyoruz ve hemen üzerine aşağıdaki kodları yapıştırıyoruz.

.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 sonra yine CTRL+F tuşları ile </body> kodunu artıyoruz ve hemen üzerine aşağıdaki kodları yapıştırıyoruz.  Sonrasında eklentimiz hazır oluyor.

<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>