Breaking News
Loading...
March 9, 2013

Cara Membuat Page Navigation Number di Blogger

6:31 PM

Cara Membuat Page Navigation Number di Blogger
Cara Membuat Page Navigation Number di Blogger - Fungsi page navigation number di blog adalah mirip dengan fungsi posting lama dan posting baru. Dengan memasang nomer halaman blog akan membuat pengunjung dengan mudahnya melihat artikel / postingan blog anda baik yang lama maupun yang baru. Jika anda tertarik ingin membuat page navigation number untuk dipasang di blog anda, silahkan simak tutorialnya. Dan tampilan dari page navigation number seperti anda lihat dibawah ini.

Cara Membuat Page Navigation Number di Blogger


Cara Membuat Page Navigation Number di Blog.

1. Login ke blogger.com
2. Pada dashboard, silahkan pilih Template => Edit HTML
3. Centang kotak Expand Template Widget
4. Tekan F3 dan cari kode ]]></b:skin> lalu letakkan kode berikut diatasnya

 /* -- NUMBER PAGE NAVIGATION -- */
.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}

5. Selanjutnya cari kode </body> dan letakkan kode berikut diatasnya

<!-- PAGE NAVIGATION START-->
<script type='text/javascript'>
var pageCount=4;
var displayPageNum=3;
var upPageWord =&#39;&#171; &#39;;
var downPageWord =&#39; &#187;&#39;;
</script>
<script src='https://sites.google.com/site/bloggerbondowosoblogspotcom/js/pagination.js' type='text/javascript'/>
<!-- PAGE NAVIGATION STOP-->

Keterangan:
- var pageCount=4 adalah jumlah postingan yang ditampilkan
- var displayPageNum=3 adalah jumlah tombol angka navigasi

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

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

7. Selesai dan simpan template

Demikianlah tutorial blog mengenai Cara Membuat Page Navigation Number di Blog silahkan diterapkan di blog kesayangan anda dan semoga bermanfaat, happy blogging.

Cara Membuat Page Navigation Number di Blogger
Share:

0 comments:

Post a Comment

 
Toggle Footer