Cara Membuat Tombol Next Page Dengan Nomor Halaman di Blog

Para blogger dalam meningkatkan pengunjung agar datang ke blog miliknya pasti membuat banyak sekali artikel – artikel. Jika anda perhatikan artikel tersebut yang terlihat di depan adalah artikel yang baru anda buat dan artikel yang lama apsti mundur ke belakang karena mengalah demi junior. Untuk melihat artikel tersebut pasti diperlukkan tombol next page, dan tombol yang disediakan blogger itu hanya sebatas kata – kata, maka dari itu perlu di buat variasi agar lebih menarik. Dulu saya pernah membuat artikel seperti ini dengan judul Cara Membuat Tombol Next, Previous, Home dan ini adalah cara lainnya yang lebih mudah. Baiklah silahkan diperhatikan langkah-langkahnya :

1. Masuk ke akun blog anda 
2. Klik menu template 
3. Klik edit html 
4. Dan cari kode ]]></b:skin> untuk mempercepat gunakan ctrl+f atau tekan f3
5. Letakkan kode di bawah ini tepat di atas kode ]]></b:skin>


/* -- NUMBER PAGE NAVIGATION -- */
.showpageNum a{font:15px Arial,Verdana;padding:4px 8px;margin:0 4px;text-decoration:none;border:0 solid #333;background:#dfdfdf;color:#686868;border:1px solid #989898}
.showpageOf{margin:0 8px 0 0;color:#222;font:15px Arial,Verdana}
.showpageNum a:hover{color:#494949;background:#dfdfdf;border:1px solid #626262}
.showpageArea{margin:10px 0;font:15px Arial,Verdana;color:#111}
.showpagePoint{color:#434343;font:bold 15px Arial,Verdana;padding:4px 8px;margin:2px;border:1px solid #b6b5b5;background:#fff;text-decoration:none}


6. Setelah itu cari kode </body>, dan letakkan kode berikut diatasnya :


<!-- PAGE NAVIGATION START-->
<script type='text/javascript'>
var pageCount=10;
var displayPageNum=5;
var upPageWord =&#39;&#171; &#39;;
var downPageWord =&#39; &#187;&#39;;
</script>
<script src='https://sites.google.com/site/donesiarony/efek/widget/page_num.js' type='text/javascript'/>
<!-- PAGE NAVIGATION END-->


7. Selesai dan klik simpan/save

Tweet

Fb

Postingan terkait:

Ditulis Raka — Monday, September 23, 2013 — Add Comment — Tutorial