Membuat Tombol Next Page Pada Blog

Tips satu ini dapat sobat coba untuk blog, apa lagi untuk sobat yang suka posting pasti di blog sobat banyak artikel atau yang dipublikasikan lainya. nah posting kali ini saya akan memberikan bagaimana langkah-langkah supaya blog milik kita ada tombol Next Pagenya.
dan berikut ini adalah langkah-langkahnya :

ini adalah contoh gambarnya :

• Masuk ke akun blogger kamu dahulu
• Setelah itu pilih menu Rancangan --> Edit HTML -->Beri centang pada tulisan Expand Template Widget
• Langkah Pertama cari kode ]]></b:skin> (untuk lebih mudah gunakan fungsi Ctrl + F )
• Berikutnya Copas code dibawah ini dan pastekan diatas kode ]]></b:skin>
  
  .showpageArea a {text-decoration:underline;}<br />.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}<br />.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}<br />.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}<br />.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}<br />.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}<br />.showpage a:hover {text-decoration:none;}<br />.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}
• Selanjutnya cari kode </body>
• Copas lagi kode dibawah ini dan simpan diatas kode </body>
  
  <script type='text/javascript'><br />var pageCount=5;<br />var displayPageNum=5;<br />var upPageWord='Previous';<br />var downPageWord='Next';<br /></script><br /><script src='http://marbun.googlecode.com/files/scriptsnext.js' type='text/javascript'/>
• Nah sekarang tinggal save aja, dan lihat perubahannya

Gimana mudah bukan ????

Tweet