Hai Sobat, Sekarang Saya akan Posting Tentang Cara Membuat Tombol Next Pada Blog. Tombol ini sangat penting bagi pengunjung agar dapat berpindah ke page selanjutnya.
Oke, Langsung aja disimak Cara Pembuatannya
.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;}
<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'/>
- 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 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 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.
Cara Membuat Tombol Next di Blog
9 Out Of 10 Based On 10 Ratings. 9 User Reviews.
Anda baru saja membaca artikel yang berkategori Tutorial
dengan judul Cara Membuat Tombol Next di Blog. Anda bisa bookmark halaman ini dengan URL http://arya96.blogspot.com/2012/06/cara-membuat-tombol-next-di-blog.html. Terima kasih!
Ditulis oleh:
Arya Dharma - Sabtu, 16 Juni 2012
Kalo yang seperti di blog ini, bagaimana sob? mohon bantuannya..
BalasHapus@Mamut PortalSaya Pake Yang Ini Sob :)
BalasHapusThanks gan artikel nya
BalasHapuskunjungi http://sauqisyahtia.blogspot.com/
@Sauqi SyahtiaSama2 Gan :)
BalasHapuswah! makasih sobat!
BalasHapus@Akhelakensama2 sob.. :)
BalasHapusnice artikelny gan!!
BalasHapusizin cb gan!!
thax..
mmpir gan!!
http://apps--computer.blogspot.com
@fajr jauhariOke Gan :) silahkan
BalasHapuskalo tombol next nya pake gambar caranya gimana???
BalasHapuslam kenal,,terima kasih infonya
BalasHapusterima kasih infonya....
BalasHapus