Blogger Sayfa Numaralandırma (Page Navi) Eklentisi

Merhaba arkadaşlar, blogger sayfalarınızı numaralandırmak istiyor musunuz ? Eğer sayfalarınız arasında kolay geçişler sunmak istiyorsanız gerçekten wordpress şeklinde güzel bir blogger eklentiniz olacak. Yapması tamamen kolay. Sadece kod eklemek yeterli!


Ctrl + f yaparak şu kodu bulunuz . ]]></b:skin> Bu kodu bulduktan sonra üzerine şu kodlardan istediğinizi seçiniz. Yani kısaca CSS kodları kısmına eklettirdim sizlere. Bu kodları halletmek 2 kısımdan oluşuyor. 2.kısım aşağıda..



 #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{padding: 3px 7px;margin-right:5px;background:#E9E9E9;color: #888;border:1px solid #E9E9E9;}
.displaypageNum a:hover,.showpage a:hover,.pagecurrent{background:#CECECE;text-decoration:none;color: #000;}
 .showpageOf{display:none!important}
#blog-pager .showpage, #blog-pager .pagecurrent{font-weight:bold;color: #888;}
 #blog-pager .pages{border:none;}
.

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#404042;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#EC8D04;text-decoration:none;color: #fff;}
#blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #000;}
 .showpageOf{display:none!important}
#blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}
Şimdi gelelim Script olarak Eklemesine *zorunlu

</body> bu kodu CTRL + f ile buluyoruz ve yukarısına aşağıdaki kodu ekliyoruz.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
  /*<![CDATA[*/
    var perPage=7;
    var numPages=6;
    var firstText ='First';
    var lastText ='Last';
    var prevText ='« Previous';
    var nextText ='Next »';
    var urlactivepage=location.href;
    var home_page="/";
  /*]]>*/
</script>
  <script src="http://helplogger.googlecode.com/svn/trunk/page-navigation2.js"/>
</b:if>
</b:if>
İşlem tamamlanmış oluyor. Hepinize teşekkürler..

Bilgi paylaştıkça çoğalır..

Bu makale hakkında fikirlerinizi paylaşın..
Bildirim
Bu özellik henüz aktif değil.
Anladım