Cara Buat Page Navigation Sederhana By Hermanbagus

Caranya simpel aja sob,
ikuti tutorial berikut ini.

1.Log In Ke Blogger
2.Pilih Template.

3.Edit Template.
4.HTML
5.Centang Expand Template Widget.
6.Cari kode berikut ini, Gunakan CTRL+ F untuk lebih Cepatnya. ]]></b:skin>

Copy dan paste kode berikut ini diatas kode  ]]></b:skin>

.showpageArea a { text-decoration:none; } .showpageNum a { text-decoration:none; border: 1px solid #53cc1e; margin:0 3px; padding:3px; } .showpageNum a:hover { border: 1px solid #53cc1e; background-color:#222222; } .showpagePoint { color:#333; text-decoration:none; border: 1px solid #53cc1e; background: #222222; margin:0 3px; padding:3px; } .showpageOf { text-decoration:none; padding:3px; margin: 0 3px 0 0; } .showpage a { text-decoration:none; border: 1px solid #53cc1e; padding:3px; } .showpage a:hover { text-decoration:none; } .showpageNum a:link,.showpage a:link { text-decoration:none; color:#53cc1e;}

Selanjutnya, cari kode </body>
Dan copy kode berikut ini, dan paste diatas kode </body>

<b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <script type='text/javascript'> var pageCount=3; var displayPageNum=5; var upPageWord ='Previous'; var downPageWord ='Next'; </script> <script src='http://hermanbagus.googlecode.com/files/hermanbagus-navigasi.js' type='text/javascript'/> </b:if> </b:if>

Simpan Template anda, dan lihat hasilnya, semoga bermanfaat.