Cara Mudah Membuat Navigasi Angka Halaman Blog

Cara Mudah Membuat Navigasi Angka Halaman Blog. Sobat blogger, postingan kali in nggak kalah menarik dari postingan-postingan sebelumnya mari simak.


 Apa itu navigasi halaman?
navigasi halaman blog adalah sebuah nomor urutan untuk halam blog,navigasi halamn blog ibarat sebuah buku yang terdapat banyak artikel dan dengan halamannya, maka jika sebuah blog atau website dengan banyak artikel tapi tidak mempunyai navigasi halaman, mungkin akan sangat susah untuk pengunjung menjelajahi artikel-artikel anda yang ada di blog dan terlihat aneh mungkin.

Navigasi halaman pada sebuah blog,menurut saya adalah hal yang wajib di terapkan pada sebuah blog, selain memudahkan pembaca halaman blog atau website anda,navigasi halaman dapat meningkatkan pageview dan dapat menurunkan tdingkat bounce rate sekalgus mempercantik tampilan pada sebuah blog.
maka sangat di sayangkan jika blog anda tidak mempunya navigasi halaman,maka jika pengunjung ingin melihat artikel yang lebih lama,akan susah untuk menemukannya.

Update : Membuat navigasi angka halaman blog bermacam style unik

Maka dari itu bagi anda yang ingin menambahkan navigasi urutan halaman atau nomor urut angka halaman pada blog anda,silahkan ikuti tutorial yang saya berikan,caranyapun cukup sangat mudah untuk di terapkan saya ambil kode ini dari blog Maskolis.

Cara Mudah Membuat Navigasi Halaman Blog/ Urutan Angka Halaman Blog

1. Buka akun blogger anda.
2. Pilih menu template > Klik edit Html 
3. Lalu silhkan anda letakan code di bawah ini tepat di atas 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.  Selanjutnya letakan kode di bawah ini tepat di atas 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'/>

Catatan :
var  postperpage=10; Adalah jumlah post yang di tampilkan pada halaman yang dibuka, silahkan sesuaikan menurut  posting anda.      
var  numshowpage=7;  Adalah jumlah tombol navigasi di halaman.

Jika sudah di sesuaikan lalu save template dan pastikan tombol navigasi halaman muncul di blog anda.
oke sobat,saya rasa cukup sekian tutorial cara mudah membuat navigasi anka halaman pada blog.
lebih dan kurangnya saya mohon maaf.semoga sukses

Tweet