20 Aralık 2013 Cuma

Blogger Sayfa Numaralandırması Yapımı!

Bloglarda en aşağıda önceki kayıtlar ve sonraki kayıtlar şeklinde iki buton bulunuyor. Bu butonlar yerine sayfa numaralandırması yaparak ziyaretçilerinizin blogunuzda gezinmesini kolaylaştırabilirsiniz.


Eklentiden bir görüntü

Sayfa numaralandırması nasıl yapılır?
Blogger adresimize giriş yapıyoruz.Şablon html'yi düzenle ye tıklıyoruz.
Açılan sayfada Ctrl+F yardımı ile ]]></b:skin> kodunu buluyoruz.
Bu kodun hemen üst satırına aşağıdaki kodları yapıştırıyoruz.

<--! Safakozt Sayfa Numaralandırma !-->
.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;
}
<--! Safakozt Sayfa Numaralandırma sonu !-->

Daha sonra </body> kodunu Ctrl+F yardımı ile aratıp buluyoruz ve bu kodun hemen bir üst satırına aşağıdaki kodları yapıştırıyoruz.

<--! Safakozt Sayfa Numaralandırma !-->
<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>
<--! Safakozt Sayfa Numaralandırma Sonu !-->


Hiç yorum yok:

Yorum Gönder