Cara Membuat Page Navigation Number di Blogger

Biasanya letak dari nomor halaman atau pages number ini berada dibawah postingan atau di homepage blog. Dan anda dapat lihat screenshot dari page navigation number seperti dibawah ini. Apabila blog anda akan dipasang pages number, silahkan simak tutorialnya dibawah ini.

Cara Membuat Pages Number di Blogspot.
1. Login ke blogger.com
2. Pada dashboard, pilih Template => Edit HTML
3. Tekan Ctrl+F, cari kode ]]></b:skin> lalu letakkan kode berikut diatasnya

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

4. Cari kode </body> dan letakkan kode berikut diatasnya

<script type='text/javascript'>
var pageCount=4;
var displayPageNum=3;
var upPageWord ='« ';
var downPageWord =' »';
</script>
<script src='https://sites.google.com/site/lintastutor/rudy/pagination.js' type='text/javascript'/>

Keterangan:
- Angka 4 merupakan total posting yang ditampilkan
- Angka 3 adalah jumlah tombol angka navigasi

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

'data:label.url + "?&max-results=7"'

6. Simpan template

Demikianlah Cara Membuat Page Navigation Number di Blog, semoga bermanfaat.

tutorial blog

Terlintas

Cara Membuat Page Navigation Number di Blogger

Related Posts

Entri Populer