 |
| Blogspot Sayfa Numaralandırma Eklentisi |
Blogspot uzantılı sitelerde sayfa numaralandırma işlemini anlatacağım arkadaşlar ziyaretçilerinize bu eklenti ile gezinme açısından kolaylık sağlamış oluyorsunuz. Hem de görsellik açısında iyi bir eklenti. Gerekli bir eklenti olduğunu kanısındayım tüm bloglarda olması gereken bir eklenti. Anlatıma geçiyorum arkadaşlar.
Şablon ardından html'yi düzenle seçeneğine tıklayın widget şablonlarını genişlet seçeneğini işaretleyin.
]]>/b:skin>
Yukarıdaki kodu ctrl+f yardımı ile bulun ve hemen üstüne aşağıdaki kodları ekleyin.
.showpageArea {
font-family:verdana,arial,helvetica;
color: #000;
font-size:11px;
margin:10px;
}
.showpageArea a {
color: #000;
text-shadow:0 1px 2px #fff;
font-weight: 700;
}
.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd url(http://i48.tinypic.com/29o66o3.jpg) 0 -50px repeat-x;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc url(http://i48.tinypic.com/29o66o3.jpg) 0 -25px repeat-x;
}
.showpageOf{
margin:0 8px 0 0;
}
.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666 url(http://i48.tinypic.com/29o66o3.jpg) 0 0 repeat-x;
text-decoration: none;
}
Daha sonra...
</body>
Kodunu bulun ve hemen üstüne aşağıdaki kodları ekleyin.
<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://www.weebly.com/uploads/2/7/6/4/2764470/bloggerturkiye-sayfanumara.js' type='text/javascript'/>
</b:if>
İşlem Tamamdır..
Sayfa Numaralandırma Görünümü:
Sayfa Numaralandırma Görünümü:
