20 May 2016

Membuat Tombol Next Page Pada Blog


Fungsi dari tombol Next Page itu sendiri adalah untuk memudahkan para pengunjung menavigasi blog anda dan juga memudahkan pengunjung mencari artikel terbaru maupun yang lama.

 Cara ini sudah lama digunakan oleh para blogger untuk mempercantik blognya. Contoh gambar Next Page ialah sebagai berikut.
Jika anda ingin memasangnya pada blog anda, silahkan ikuti langkah-langkah berikut :
  • Ke menu Template > Edit HTML.
  • Letakkan script ini tepat di atas kode ]]></b:skin>, jika tidak ketemu coba anda tekan CTRL+F lalu ketikan ]]></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;}

  • Kemudian cari kode </body> dan letakkan script dibawah ini tepat 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://marbun.googlecode.com/files/scriptsnext.js' type='text/javascript'/>
  • Klik Simpan template, lalu lihat hasilnya.
Sekian artikel Membuat Tombol Next Page Pada Blog, jika script ini tidak bekerja dikarenakan sudah kadaluarsa atau tidak berlaku lagi. semoga bermanfaat.

No comments:

Post a Comment

Ads Inside Post