Pages

Kamis, 05 Januari 2012

Cara Membuat Tombol Next Page Pada Blog

Assalamualaikum wr.wb
    pada postingan yang kedua. kali saya sempatkan untuk memposting bagaimana cara membuat tombol next page ? sudah pada tahu belum ? kalo belum tahu ayo kita lihat cara dan trick panduannya :

contoh nya seperti gambar diatas :
  •  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.
  • Ceklis kotak kecil yang bertuliskan Expand Template Widged.
  • Tekan Ctrl+F kemudian 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=&#39;Previous&#39;;
var downPageWord=&#39;Next&#39;;
</script>
<script src='http://marbun.googlecode.com/files/scriptsnext.js' type='text/javascript'/>

  • Dan terakhir Save Template anda.
  • Selesai.

Tidak ada komentar:

Posting Komentar