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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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>
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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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
Posting Komentar