cara membuat navigasi angka

sahabat halam merupakan hal yang internal.

navigasi yang memudahkan pengunjung untuk melewati
halaman demi halaman.
tentunya memudahkan memanjakan pengunjung biar betah....

langsung ajja sahabat
tample ediet HTML cari kode </body>  untuk memudahkannya sahabat
tekan CTRL+F secara berbarengan di kotak ediet html ya sahabat awas jangan sampai salah.

lalu sahabat tempelkan atau copy pastekan code di bawah ini tepat di atasnya

<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=10;
var numPages=7;
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>

sahabat untuk var perPage=10; silahkan sahabat ubah angkanya untuk tayangan perhalamnaya. di sini 10 maka ketiaka pengunjung mengklik angka berikutnya akan tayang di homepage sebanyak 10 postingan.
untuk var numPages=7; sama juga silahkan sahabat ganti dengan angka berapa ini angka yang bakal hanya ada 7 angka yang tamplil.

setelah itu sahabat cari kode ]]></b:skin> lalu tempelkan kode di bawah ini tepat di atasnya sehingga seperti kode berikut

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#eee;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;}

]]></b:skin>

]]></b:skin> kode tersebut sahabat tidak usah di copy karna sedah ada pada blog sahabat.
 yang terakhir save
selesai deh  silahkan hasilnya sahabat