Cara Memasang Navigasi Nomor / Angka Halaman di Blog

 Navigasi adalah elemen penting dalam Blog, Navigasi yang user Friendly tentunya akan meningkatkan Kualitas dari Blog kita. Karena dengan Navigasi yang user Friendly, Pengunjung akan lebih mudah menjelajahi Konten di Blog kita.

Baca Juga : Cara Membuat Related Post dengan Thumbnail di Blog

Kali ini saya akan berbagi mengenai bagaimana cara memasang Navigasi Nomor / Angka Halaman di Blog. Navigasi angka tentunya akan memudahkan Pengunjung untuk menjelajahi Konten kita per halaman berdasarkan angka atau nomor. Beberapa template Blogger mungkin tidak memiliki fasilitas Navigasi Nomor / Angka Halaman di Blog, jika Template yang Temen - temen Blogger gunakan termasuk Template yang tidak memiliki fasilitas tersebut, berikut saya akan menjelaskan langkah - langkah untuk memasang Navigasi Nomor / Angka Halaman di Blog.
Baca Juga : Cara Menghilangkan Navbar Blogger

Memasang Navigasi Nomor / Angka Halaman di Blog

1. Login ke Blogger dan Langsung saja menuju Dashboard.
2. Setelah itu Langsung saja ke Menu Tata Letak.
   
   
3. Lalu Klik Tambahkan Gadget.
   
   
4. Lalu pilih Widget HTML / JavaScript.
   
   
5. Copy kode JavaScript di bawah ini :
   
   <style type='text/css'>
   #blog-pager{height: 28px;
       padding: 10px 0 0;
   overflow:hidden;
   text-align:center;
   }
   .showpageArea a {text-decoration:underline;
   font-size: 16px;
          text-align: center;}
   .showpageNum a {font-size:16px;text-decoration:none;border: 1px solid #cccccc;margin:0 5px;padding:5px;}
   .showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}
   .showpagePoint {font-size:16px;text-decoration:none;border: 1px solid #cccccc;background: #216FD9;margin:0 5px;padding:5px;color:#ffffff;}
   .showpageOf {text-decoration:none;padding:5px;margin: 0 5px;}
   .showpage a {text-decoration:none;border: 1px solid #cccccc;padding:5px;}
   .showpage a:hover {text-decoration:none;background: #cccccc;}
   .showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}</style>
   <script style='text/javascript'>var pageCount=5;
   var displayPageNum=4;var upPageWord="Previous";var downPageWord="Next";</script><a href="http://www.caraseoblogger.com/" style="font-size:0pt">Cara Seo Blogger</a>
   <script style='text/javascript' src='http://yourjavascript.com/31207214119/caraseoblogger-navigasi-angka-blog.js'></script>
   Temen - temen Blogger bisa mengganti angka 5 untuk merubah Jumlah Postingan yang akan tampil di Halaman Utama dan Angka 4 untuk menentukan banyaknya nomor halaman yang akan ditampilkan.
6. Lalu Paste Kodenya di Form Widget HTML / JavaScript. Untuk Judul bisa di Kosongi Saja. :
   
   
7. Klik Simpan dan Selesai. :) Jangan Lupa di Share ya Terima Kasih Semoga Bermanfaat.

Sekian yang dapat saya bagikan Mengenai Cara Memasang Navigasi Nomor / Angka Halaman di Blog. Jika Temen - temen Blogger masih bingung, ada yang ingin ditanyakan, atau ingin mengucapkan terima kasih, silahkan Berkomentar. Jangan Lupa Share ke Jejaring Sosial ya, dengan Like, G+, Share di Twitter dsb. Support Blog ini agar tetap hidup untuk membantu Temen - temen Blogger. Terima Kasih.