Cara Menambahkan Navigasi Nomor Halaman di Blogger

a. Dengan Menambahkan CSS
b. Dengan menambahkan Script

Mari kita lihat penjelasan menambahkan nomor halaman blog anda.

.a Dengan Menamabahkan CSS

a. 1 Pergi ke Blogger Dashboard> Template > Edit Html


2. Tekan Ctrl+ F lalu cari "]]></b:skin>" tanpa tanda kutip
3. pastekan kode dibawah ini di atas  "]]></b:skin>"

  #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;}


b. Dengan menambahkan Script

1. Tekan Ctrl + F cari kode

</body>

2. Tambahkan Kode ini diatas nya "</body>"
<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>

Komentar

Postingan Populer