Membuat Tombol Next Page dengan Nomor




Bagaimana Cara Membuat  Tombol Next Page dengan Nomor untuk Blogger ?


  • berikut saya kasih tahu cara mudah membuat tombol next page dengan nomor untuk blogger

1. login ke blogger
2. klik template
3. klik edit HMTL
4. cari kode ]]></b:skin> untuk mempercepat pencarian gunakan ctrl+F
5. letakan kode dibawah ini tepat di atas kode ]]></b:skin>

/* -- NUMBER PAGE NAVIGATION --- */
 .showpageArea a {text-decoration:underline;}
.showpageNum a {text-decoration:none;border: 2px 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;}


6. Setelah itu cari kode </body>, dan letakan kode dibawah ini diatas/sebelum </body>

<!-- PAGE NAVIGATION START-->
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord=&#39;Sebelumnya&#39;;
var downPageWord=&#39;Selanjutnya&#39;;
</script>
<script src='http://isyaansyari-blog.googlecode.com/files/scriptsnextpage.js' type='text/javascript'/>
<!-- PAGE NAVIGATION END-->


7. Lalu klik Simpan Template

Selesai ! Selamat Mencoba :)




Bagaimana Cara Menambahkan Widget  Tombol Next Page dengan Nomor untuk Blogger ?


  • berikut saya kasih tahu cara mudah menambahkan widget tombol next page dengan nomor untuk blogger

Dalam Dashboard Blogger Klik ke Bawah (drop down) > Pilih Tata Letak> Klik Tambah Gadget> Pilih HTML / Javascript> di Dalamnya Paste Kode seperti yang terlihat di bawah ini:

Scroll Box pastikan semua kode di copy
<style type="text/css">
#blog-pager{padding:5px 0 !important;}
.showpageArea {font-weight: bold;margin:5px;}
.showpageArea a {text-decoration:underline;color: #fff;}
.showpageNum a, .showpage a {color: #fff;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background: #f85032; background: -moz-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); }
.showpageNum a:hover, .showpage a:hover {border: 1px solid #ccc; background: #aebcbf; background: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 ); }
.showpagePoint {color: #aaaaaa;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background: #e2e2e2; background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); }
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#fff;}/
</style>
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=6;
var numshowpage=6;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://isyaansyari-blog.googlecode.com/files/kodescripisyaansyariblog.js' type='text/javascript'></script>

Setelah itu klik Simpan.

Selesai! Selamat mencoba :)

0 komentar:

Posting Komentar

Rules !

* No Spam!
* No Promo
* No Haters
* No Pornography