Membuat Navigasi Number Di Halaman Blog


Salam hangat untuk semua pembaca setia blog ini ,kali ini saya akan sedikit berbagi cara mempercantik blog dengan cara Membuat Navigasi Number Di Halaman Blog untuk contoh nya silah kan lihat Di sini

duh pegel nih ngetik trs langsung aja ya gan ke intinya ..hee
silahkan pergi ke dashboar - rancangan - edit html
jangan lupa centang  expand widget setelah itu cari kode ini

]]></b:skin>

(gunakan ctrl+f)supaya lebih mudah
 ohy untuk saran sebelum nya download template dulu buat jaga2 kl ada kesalahan

gmn udah ketemu blm ? kl udah copy kode di bawah ini tepat di atas kode tadi


.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

selanjutnya cari kode ini </body>
selanjutnya copy code di bawah ini tepat di atas kode tadi

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>


Dan langkah terakhir cari lah code berikut

'data:label.url'

kalau udah ketemu hapus code tadi dan ganti dengan code di bawah ini

'data:label.url + &quot;?&amp;max-results=5&quot;'

simpan tempalate dan lihat hasil nya semoga berhasil ya gan  ohy jangan lupa untuk meninggalkan komentar thks





» Read More...