Cara Membuat Next Page Pada Blog
Salam Blogger, Pada postingan kali ini saya akan berbagi artikel tentang cara membuat tombol next page pada blogger, yang mana tombol ini berfungsi buat mengarahkan para pengunjung untuk melihat halaman demi halaman yang berada pada blog kita berdasarkan angka yang tertera dalam tombol tersebut. Artikel ini diperuntukkan buat blog-blog yang memang templatenya belum memiliki tombol next page.
pembuatan ini sangat mudah kok,tidak makan tempat dan biaya
hehehehe...
langsung saja ya ke TKP
Masuk ke akun blogger anda.
Pada tampilan Dashboard klik Design kemudian klik Edit HTML
Untuk menjaga hal-hal yang tidak diinginkan saya sarankan backup dulu template blog anda dengan mengklik Download Full Template.
Centang kotak kecil yang bertuliskan Expand Template Widged.
Silahkan anda cari kode ]]></b:skin>
Copy kode yang ada dibawah ini kemudian paste di atas kode ]]></b:skin>
.showpageArea{float:left;color:#555;font-size:11px;margin:10px
0} .showpageArea a{color:#555;text-shadow:0 1px 2px #fff} .showpageNum a:hover,.showpage:hover{border:1px
solid #b2b2b2;color:#555!important} .showpage{margin:0} .showpage:hover a{color:#555!important}
.showpagePoint{background:#f8f8f8;border:1px solid #b2b2b2;margin:0 2px 0 0;padding:5px
12px} .showpageNum a,.showpageOf,.showpage{border:1px solid #e8e8e8;background:#f8f8f8;margin:0
2px 0 0;padding:5px 12px
.showpageArea{float:left;color:#555;font-size:11px;margin:10px 0}
.showpageArea a{color:#555;text-shadow:0 1px 2px #fff}
.showpageNum a:hover,.showpage:hover{border:1px solid #b2b2b2;color:#555!important}
.showpage{margin:0}
.showpage:hover a{color:#555!important}
.showpagePoint{background:#f8f8f8;border:1px solid #b2b2b2;margin:0 2px 0 0;padding:5px 12px}
.showpageNum a,.showpageOf,.showpage{border:1px solid #e8e8e8;background:#f8f8f8;margin:0 2px 0 0;padding:5px 12px} - See more at: http://nyiaran.blogspot.com/2014/02/cara-membuat-tombol-next-page-dengan.html#sthash.XFz07jaj.dpuf
Kemudian cari kode </body>
Copy kode yang ada dibawah ini dan paste kan 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 terakhir silahkan Save Template anda.
Nah jadi donk seperti ini
Demikian Tutorial ini,semoga bermanfaat
Langganan:
Posting Komentar (Atom)
