Blogger sayfa numaralandırma eklentisi 2017

Blogger sayfa numaralandırma eklentisi 2017

Merhaba arkadaşlar bugün sizlere Blogger 2017 sayfa numaralandırma eklentisinin tanıtımını yapacagım. Bu eklenti sayesinde numara eklentisi olmayan blogger temalarını hemen numaralandıracaksınız.

Merhaba ;

Bloglar için faydalı olabilecek bir eklenti ile daha karşınızdayım.
Blogger'in orjinalinde Önceki Kayıt ve Sonraki Kayıt şeklinde bir sayfa geçişi sözkonusuydu ancak bu yöntem bende dahil olmak üzere birçok blogger ve okuyucu tarafından eleştirilen bir durumdu.
Bunun nedeni ise önceki kayıt , sonraki kayıt ama hangi kayıtlar ? sayfanın sonlarına doğrumu yoksa başlarına doğrumu gidildiğinin kimse farkında değildi.
Bu soruna çözüm olarak sayfa numaralandırma eklentisi oluşturuldu ve birçok website ve blog bu eklentiyi kullanmakta.

Kurulum ;

Şablon > HTML düzenleye gelip ctrl+f yardımıyla aşağıdaki kodu buluyoruz.

]]></b:skin>

Kodu bulduktan sonra üstüne aşağıdaki kodu ekliyoruz.

.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 aşağıdaki kodu buluyoruz.

</body>

ve Hemen üstüne aşağıdaki kodları ekliyoruz.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://googledrive.com/host/0B2NrnLfIOfS7MXJOSktNd19JbUE/' type='text/javascript'/>
</b:if>

Arkadaşlar bizleri takip ettiginiz İçin teşekkürler.
Bize destek olmak istyen arkadaşlar destek sayfasından bize destek olabilirler.