Cara Membuat Tombol Next Page Pada Blog - Salam Blogger, Pada postingan kali ini Andapoenya akan berbagi tutorial tentang cara membuat tombol next page pada blogger. Tombol next page pada blog selain dapat mempercantik tampilan sebuah blog, juga sangat berperan sebagai tombol navigasi yang mengarahkan para pengunjung untuk melihat halaman demi halaman dari sebuah blog. Tombol navigasi ini cukup digemari dan banyak dipakai di kalangan blogger lainnya. Untuk sobat yang belum menggunakan tombol next page blog, sobat bisa mencoba untuk membuatnya sendiri. Langsung saja bagi Anda yang masih baru ataupun belum pernah mencobanya bisa menyimak langkah-langkah membuat tombol next page pada blog yang cukup mudah untuk di coba, berikut adalah cara membuatnya :
- Masuk ke akun blogger anda.
- Pada tampilan Dashboard klik Template kemudian klik Edit HTML
- Untuk membackup template blog Anda silahkan klik Cadangkan / Pulihkan, kemudian klik Unduh template lengkap. Hal ini sangatlah penting apabila Anda gagal saat melakukannya nanti ataupun Anda ingin mengembalikannya ke tampilan semula.
- Jangan lupa untuk memberi centang Expand Template Widget.
- Silahkan Anda cari kode ]]></b:skin>
- 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;}
- Kemudian cari kode </body>
- Copy kode dibawah ini lalu paste diatas kode </body>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord='Previous';
var downPageWord='Next';
</script>
<script src='http://marbun.googlecode.com/files/scriptsnext.js' type='text/javascript'/>
- Dan langkah yang terakhir tentunya Simpan template Anda.
Oo.. ya untuk memudahkan dalam pencarian kode HTML Anda dapat menggunakan Ctrl+F.
Tidak terlalu sulit bukan untuk membuat tombol next page pada blog diatas, asal kode yang sobat ketik sesuai maka hasilnya akan sukses. Sekedar berbagi dan semoga postingan dalam blog andapoenya kali ini bermanfaat bagi sobat.
Tidak terlalu sulit bukan untuk membuat tombol next page pada blog diatas, asal kode yang sobat ketik sesuai maka hasilnya akan sukses. Sekedar berbagi dan semoga postingan dalam blog andapoenya kali ini bermanfaat bagi sobat.
