Cara Membuat Tombol Next Page di Blog

  

    Microtix - Tombol Next Page ini sama fungsinya dengan tombol Next, Previous, dan Home yang terdapat di dalam template asli blog kita. Disini saya akan merubah tombol Next Page tersebut dengan angka seperti gambar di atas. Tombol Next Page diatas mempermudah pengunjung blog kita dalam mengakses blog kita.

Cara Membuat :

1. Login ke Blogger
2. Pada Dashboard -> Template -> Edit HTML (Jangan Lupa Backup dulu Template Sobat)
3. Kemudian tambahkan kode di bawah ini tepat di atas kode ]]></b:skin> gunakan tombol Ctrl + F untuk mencari kode tersebut.

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

    

     4.  Selanjutnya cari kode </body> kemudian letakkan kode di bawah ini di atas 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://id-pemula-javascript.googlecode.com/files/blogger-page-nav-v2.js' type='text/javascript'/> 

    5.  Simpan Template Anda

Sekarang Tombol Next Page anda telah berubah menjadi angka. Bila anda menemui kesulitan silahkan kontak saya melalui Sosmed yang telah di sediakan

Berlangganan artikel via email!

Follow us!