Cara Membuat tombil Next Page pada Blog

   Pada postingan kali ini saya akan membagikan artikel tentang cara membuat tombol next page angka pada blog, cara ini diperuntukan bagi yang templatenya masih menggunakan olderspost dan newestpost...

langsung saja ini caranya :

Ikuti Langkah-Langkah Berikut :

1. Pertama Masuk dulu ke akun blogger sobat.


2. Lalu pilih Dashboard >> Template >> Edit HTML

3. Sebelum mengedit template, backup dulu template sobat untuk jaga-jaga kalau ada yang eror. Pilih Cadangkan/Pulihkan >> Unduh template lengkap.

4. Silahkan sobat cari kode ]]></b:skin>, biar cepat gunakan CTRL+f.

5. Copy kode dibawah ini kemudian paste di atas kode ]]></b:skin>.

.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;}

6. Kemudian cari kode </body> kalau ini pastinya dibawah sendiri..hehehehev Copy kode dibawah ini dan paste kan diatas kode </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://marbun.googlecode.com/files/scriptsnext.js' type='text/javascript'/>

7. Dan terakhir Save Template sobat blogger.

Hasil seperti gambar diatas.... bukti di home blog saya..hehe

SEMOGA BERMANFAAT BUAT ANDA