Cara Buat Page Navigation Number Pada Blogspot

 Anda pernah melihat nomer halaman pada tampilan depan blogspot ? ya itu dia yang dinamakan page number navigation alias tombol navigasi untuk menuju post yang sudah terdahulu dibuat. Kelebihanya kita bisa langsung mencari postingan yang lebih lama bisa disebut juga link lah, kalo gak ada tombol navigasinya mungkin agak repot juga. Hmm biar gak ngrepotin si pembaca ane mau share nih gimana cara buat navigation number pada blogspot langsung saja di coba nih caranya.

1.Log in ke blogger.
2.Klik template » edit HTML » centang Expand Template Widget.
3.Cari kode ]]></b:skin> dan letakkan kode dibawah ini tepat di atasnya.

 /* -- 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}

4.Cari kode </body> dan letakkan kode dibawah ini tepat di atasnya.

 <!-- PAGE NAVIGATION START-->
<script type='text/javascript'>
var pageCount=4;
var displayPageNum=4;
var upPageWord =&#39;&#171; &#39;;
var downPageWord =&#39; &#187;&#39;;
</script>
<script src='http://u-sup.googlecode.com/files/page_num.js' type='text/javascript'/>
 <!-- PAGE NAVIGATION END-->

Keterangan:

• Jika anda ingin mengganti jumlah postingan yang akan ditampilkan pada setiap halaman silahkan ganti kode yang berwarna biru.

5.Cari kode 'data:label.url' dan ganti kode itu dengan kode dibawah ini.

 'data:label.url + &quot;?&amp;max-results=7&quot;'

Keterangan:

var pageCount=4; (Jumlah postingan yang akan ditampilkan)
var displayPageNum=4; (Jumlah tombol angka navigasi)


6.Save Template anda.

Semoga berhasil mencoba experimen blogger ......

Tweet

Description: Cara Buat Page Navigation Number Pada Blogspot Rating: 4.5 out of 5

Reviewer: Anonim - ItemReviewed Cara Buat Page Navigation Number Pada Blogspot

Ditulis oleh: Anonim, Pada : 06.03

Dapatkan artikel terbaru seperti Cara Buat Page Navigation Number Pada Blogspot langsung ke Email kamu..!!!

Artikel Terkait :

Artikel Terbaru :