Cara Membuat Navigasi Nomor Pada Halaman Blogger

Langgsung Aja Login ke blog Kamu kemudian menuju halaman Design dan Edit HTML,
Cari kode]]></b:skin> lalu paste Css di bawah ini tepat di atas kode ]]></b:skin>

.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;
}

Langkah selanjutnya kamu cari kode </body>,kalau sudah ketemu paste kode berikut ini tepat di atas kode </body>

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

Save template.

Keterangan :
Kamu bebas mengubah tulisan, angka 6 adalah jumlah posting yang tampil tiap halaman sedangkan yang 5 adalah tombol navigasi yang tampil. Next adalah text untuk ke halaman selanjutnya, sebalikanya previous untuk kembali kehalaman sebelumnya.

Share This :