Merasa Blogger sejati? Silakan klik Tombol 'SUKA' dibawah ini ya .....

!

Cara membuat nomor halaman keren di blogspot

Sudah pernah melihat kan beberapa template yang menggunakan page navigation number pada templatenya. fungsi dari page navigation number ini adalah untuk menggantikan link posting lama atau posting baru yang ada pada bawah postingan halaman utama pada sebuah template. Dengan page navigation number ini pengunjung bisa bebas memilih halaman postingan keberapa yang ingin dibaca.

Cara membuat nomor halaman keren di blogspot

Page navigation number ini juga bisa dibilang memberikan kesan rapi dan indah pada blog kita, walaupun saya sendiri tidak menggunakannya. Tetapi jika ada sobat yang ingin menggunakan page navigation pada blognya, berikut ini saya berikan Cara Membuat Page Navigation Number Pada Blog.

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.

Nah selesai sudah Cara Membuat Page Navigation Number Pada Blog mudah-mudahan artikel ini bisa bermanfaat bagi anda 

15 Responses to "Cara membuat nomor halaman keren di blogspot"

  1. Mantab sobat, coba dulu ah ... Thks ya infonya

    BalasHapus
  2. Mantab mas bro, sudah dicoba ... Keren abis

    BalasHapus
  3. Ini tutorialnya mudah bagnet dipahamin bagi newbie kya ane... sori sobat mampir-mampir ya
    http://grafisociety.blogspot.com/

    BalasHapus
  4. kalo gak ada b:skin'x kodenya ditaruh mana?

    BalasHapus
  5. Gan ane heran kenapa justru nomor halaman munculnya di salah satu Page/Halaman yah bukan di URL yang mengarah ke Label?

    Halaman ini gan: http://www.kabarpemalang.com/p/hotspot-di-pemalang.html

    kabarpemalang.com/

    BalasHapus
  6. Bisa jadi karena template yang saya gunakan kali yah.

    BalasHapus
  7. makasih mas, kunjungi juga blog adik ya http://prediksibola888.blogspot.com

    BalasHapus
  8. nah ini yang saya acari...
    tengkyu blog ane jadi lebih rapi gan


    http://indobokepbaru.blogspot.com

    BalasHapus
  9. mantap gan, terima kasih banyak ya atas ilmunya.. :)

    BalasHapus
  10. Mari bergabung bersama ASIANBET77.COM Disini kami menyediakan berbagai macam jenis permainan betting online, seperti Taruhan Bola Online, Casino Online, Togel Online, Sabung Ayam Online dan masih banyak lagi game taruhan online lainnya....

    Pendaftaran gratis tidak dikenakan biaya apapun juga, minimal Deposit sangat ringan, hanya dengan Rp 50.000 saja anda sudah bisa bergabung bersama kami. ASIANBET77.COM bekerja sama dengan bank lokal yakni BCA, MANDIRI & BNI. Sehingga memudahkan anda untuk bertransaksi bersama kami.

    Customer service kami yang Ramah dan Profesional akan siap membantu anda selama 24 jam full, ayo segera daftarkan diri anda bersama kami ASIANBET77.COM. Dan dapatkan promo2 menarik dari kami.untuk keterangan lebih lanjut silahkan hubungi CS kami :

    YM : [email]op1_asianbet77@yahoo.com[/email]
    Wechat : asianbet_77
    sms center : +639052137234
    pin bb : 2B4BB06A

    BalasHapus
  11. www.indobet77.com

    Master Agen Bola , Casino , Tangkas , Togel Terbesar
    dan Terpercaya Pilihan Para Bettor

    Promo Terbaru :
    - Bonus  10% New Member Sportsbook
    - Bonus 5% New Member Casino Online
    - Bonus 10% Setiap Hari Bola Tangkas
    - CASHBACK untuk Member
    - BONUS REFERRAL 5% + 1% Seumur Hidup

    untuk Informasi lebih jelasnya silahkan hubungi CS kami :
    - YM : indobet77_sb2@yahoo.com
    - EMAIL : indobet77@gmail.com
    - WHATSAPP : +63 905 213 7238
    - WECHAT : indobet77
    - SMS CENTER : +63 905 213 7238
    - PIN BB : 2B65A547 / 24CC5D0F

    Salam Admin ,
    http://indobet77.com/

    BalasHapus
  12. Thanks gan, lebih mudah dipahami tutor nya..

    BalasHapus

Terimakasih^^

wdcfawqafwef