cara menambah tombol next pada blog

NEXT.jpeg

Pernah melihat browsing sebuah blog dan dibawah artikel ada tambahan tombol NEXT seperti ini penampakan screen shuut nya

gbr.jpg

berikut langkah2 pembuatannya monggo disimak, gak usah pake rebutan ya,, damai aja heehee :

  • Masuk ke akun blogger anda. ( ingat blog anda...bukan blog orang lain...! )
  • 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>
  • 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://saujana.16mb.com/filescriptunik/scriptsnext.js' type='text/javascript'/>

SELESAI... SAVE TEMPLATE AGAN DAN --LIHAT BLOG--

Tidak ada komentar:

Posting Komentar

monggo komentar wonten mriki(silahkan berkomentar disini)