Beranda » Blogging » Bagaimana Cara Membuat Navigasi Angka Halaman Blog

Bagaimana Cara Membuat Navigasi Angka Halaman Blog

Kali ini Qodia akan membagikan cara bagaimana membuat Navigasi angka pada halaman blog. Navigasi berupa angka pada halaman blog ini bertujuan agar pengunjung lebih mudah untuk menelusuri halaman demi halaman pada blognya sobat. Pada template bawaan blog biasanya memiliki navigasi halaman berupa posting lama dan posting lebih baru. Nah sekarang kita akan menggantinya menjadi navigasi angka.

Untuk Mengganti Navigasi Angka Pada halaman blog sobat, silahkan ikuti langkah-langkah dibawah ini:

1. Buka akun blogger sobat.
2. Pilih menu template > Klik edit Html.
3. Cari Kode ]]></b:skin>. Agar lebih mudah Tekan CTRL + F lalu ketikkan kodenya pada kotak search

4. Letakkan kode berikut tepat diatas kode ]]></b:skin>

.showpageNum a {  
 color:#FFF;padding:4px 10px;  
 margin:0 2px;  
 text-decoration:none;  
 -webkit-border-radius:2px;-  
 moz-border-radius:2px;  
 background:#848484  
 }      
 .showpageOf {  
 color:#222;  
 margin:0 6px 0 0  
 }      
 .showpageNum a:hover {  
 background:#222;  
 color:#FFF  
 }      
 .showpagePoint {  
 color:#FFF;  
 text-shadow:0 1px 2px #333;  
 padding:4px 10px;  
 margin:0 2px;  
 -webkit-border-radius:2px;  
 -moz-border-radius:2px;  
 background:#222;  
 text-decoration:none  
 }

5. Seperti Langkah ke 3, cari kembali kode </body>
6. Letakkan Kode berikut tepat diatas kode </body>.

<script type='text/javascript'>     
 var home_page=&quot;/&quot;;     
 var urlactivepage=location.href;     
 var postperpage=10;     
 var numshowpage=7;     
 var upPageWord =&#39;&#9668;&#39;;     
 var downPageWord =&#39;&#9658;&#39;;     
 </script>     
 <script src='http://miscah.googlecode.com/files/pagenav.js' type='text/javascript'/>

7. Klik Save template dan silahkan dicek tampilan blognya sobat..

Sobat bisa mengganti jumlah post yang akan ditampilkan dengan mengganti angka 10 pada Var postperpage, dan untuk mengganti jumlah tombol navigasi silahkan ganti angka 7 pada numshowpage=7.

Demikan semoga bermanfaat.

Belum ada tanggapan untuk "Bagaimana Cara Membuat Navigasi Angka Halaman Blog"

Post a Comment