CARA MEMBUAT LAMAN NAVIGASI NUMBER PAGE NAVIGATION BLOGGER

Pada umum nya bila blog kita menggunakan template defaul atau template bawaan orisinil blogspot maka laman navigasi atau page navigation yg disediakan di bawah page utama blog hanya berupa Home, New Post serta Old Post. Pada kesempatan ini bagai mana apabila kita merubah sedikit page navigasi  temlate defaul menggunakan number halaman navigatiaon yang lebih keren. Agar pengunjung blog lebih gampang melihat seluruh isi blog dan mempercantik blog yang kita kelola ada baik nya kita menimpa gaya yg terdapat pada laman navigasi blogger bawaan menggunakan number page navigasi dengan nomor lihat model number page navigastion di bawah ini.

Pada kesempatan ini saya akan share cara membuat page navigasi bernomor buat blogger menggunakan penjelasan yang sangat sederhana supaya gampang pada pahami. 

Cara Membuat Laman Nvigasi  Pada Laman Utama Blog

Langkah pertama yg wajib kita lakukan adalah menambahkan code css halaman navigasi seperti di bawah ini:

 #blog-pagerclear:both;margin:30px auto;text-align:center; padding: 7px;
.blog-pager background: none;
.displaypageNum a,.showpage a,.pagecurrentpadding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#404042;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);
.displaypageNum a:hover,.showpage a:hover, .pagecurrentbackground:#EC8D04;text-decoration:none;color: #fff;
#blog-pager .showpage, #blog-pager, .pagecurrentfont-weight:bold;color: #000;
 .showpageOfdisplay:none!Important
#blog-pager .pagesborder:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);
.firstpage, .lastpage display: none;

Paste kan kode css page navigation yg tersedia diatas tepat sebelum atau diatas ]]>  

jika sobat merasa galau saya akan memandu perlahan

• Pertama tama masuk ke dashboard blog sobat click >Template > EDIT HTML 
• Kemudia klick mouse pada tengah kotak scrip dan tekan Ctrl+funtuk memudah kan sobat mencari kode ]]>    pastekan kode ]]> tadi di kotak pencarian atau seach box dan enter, kode tadi akan ada.
• dan pastekan kode css yg saya sediakan di atas sempurna sebelum kode  ]]>  
• lihat gambar di bawah ini

#LANGKAH  2 Membuat Laman Navigasi Blogger
Cari dan temukan kode