Tutorial membuat tombol next page nomor di blog

Langsung saja Login akun blogger Anda >> Pilih Template >> Edit HTML >> klik Expand Template WidgetCari kode 
]]></b:skin> kemudian letakkan kode dibawah ini tepat diatas ]]></b:skin> (Gunakan CTRL + F untuk mempermudah)

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

Selanjutnya cari kode </body> kemudian letakkan kode dibawah ini tepat diatas </body>

<script type='text/javascript'>var pageCount=5;var displayPageNum=5;var upPageWord=&#39;Previous&#39;;var downPageWord=&#39;Next&#39;;</script><script src='http://blogatap.googlecode.com/files/blogger-page-nav-v2.txt' type='text/javascript'/> 



Lalu simpan template.


EmoticonEmoticon