Beranda  ›  Blogger  ›  Navigasi  ›  Tutorial Blog

Cara memasang Page Navigation Number Pada Blog

by -
Cara Membuat Page Navigation Number Pada Blog
Pengunjung akan suka dengan blog yang banyak artikelnya. Tetapi, ada tetapinya. Jika blog beratikel banyak tersebut tidak menyediakan feature navigation di blognya, kebanyakan pengunjung hanya akan menclose blog tersebut dengan alasan sulit untuk dijelajahi. Untuk itulah kita sebagai blogger atau webmaster perlu menyediakan navigasi yang lengkap di blog kita. Navigasi tersebut berupa, menu navigasi, categori, popular post, dan tentunya Page navigation number.

Fungsi dari page navigation number ini adalah untuk menggantikan link posting lama atau posting baru yang ada pada bawah postingan halaman utama. Dengan page navigation number ini pengunjung bisa bebas memilih halaman postingan yang ingin dibaca. Jadi pengunjung bisa melompat dari page satu ke page empat atau seterusnya hanya dengan satu klik, tanpa harus membuka page dua dan tiga dulu. Page navigation number ini juga bisa dibilang memberikan kesan rapi dan indah pada blog kita. 

Related:Pengertian dan 13 Cara Ampuh Mengatasi Bounce Rate
Nah karena pentingnya fungsi dari page navigation number, saya membuat tutorial ini. Jika anda tertarik dengan tutorial CaraMembuat Page Navigation Number Pada Blog. Anda dapat mengikuti step by stepnya dibawah ini:

1.  Log in ke blogger.
Related:Cara Mengaktifkan Robot.txt Dan Setting Robot Header Tags pada blog
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;}.showpageOf{margin:0 8px 0 0;color:#222;font:15px Arial,Verdana}.showpageNum a:hover{color:#494949;background:#dfdfdf;}.showpageArea{margin:10px 0;font:15px Arial,Verdana;color:#111}.showpagePoint{color:#434343;font:bold 15px Arial,Verdana;padding:4px 8px;margin:2px;;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-->

Related:Mengoptimalkan gambar agar SEO Secara Otomatis
Keterangan:
  • Jika anda ingin mengganti jumlah postingan yang akan ditampilkan pada setiap halaman silahkan ganti kode yang berwarna biru.
  • var pageCount=4; (Jumlah postingan yang akan ditampilkan)
  • var displayPageNum=4; (Jumlah tombol angka navigasi)
5.  Cari kode 'data:label.url' dan ganti semua kode itu dengan kode dibawah ini. 
'data:label.url + &quot;?&amp;max-results=7&quot;'

Sebenernya tidak dilakukan pun nggak apa apa, tetapi saat pengunjung mengklik label post anda, maka yang akan keluar post tidak teratur. Jadi tujuannya agar jika ada pengunjung mengklik salah satu kategori post blog anda, maka nanti akan tersusun berapa post yang akan muncul tiap pagenya.
Related:Pengertian Backlink dan Cara Membuatnya

6.  Save Template anda.

Last Words

Page navigation ini sangatlah penting bagi blog. Kenapa? karena pengunjung dapat mengexplorasi blog kita dengan mudahnya. Sekian post tentang Cara Membuat Page Navigation Number Pada Blog. Jangan lupa membaca post saya yang lainnya dengan membaca DAFTAR ISI. Maaf bila ada salah-salah kata dan semoga tulisan ini dapat bermanfaat bagi anda :)


Share this

Related Posts

About Contact Disclaimer Privacy Policy Sitemap
close