Cara membuat nomor halaman navigasi blog

Halaman Navigasi berfungsi untuk penghubung halaman pertama ke halaman selanjutnya dan seterusnya
Halaman Navigasi ini terletak pada bawah postingan, contoh nya pada yang sering kita jumpai, misalnya pada google.com, saat kita melakukan
pencarian tentunya pada bagian bawah ada nomor untuk ke halaman selanjutnya, nah itulah halaman navigasi

cara pemasangannya yaitu sebagai berikut

1. Login ke Blog anda, lalu masuk ke Dashboard

2. Klik Rancangan, Edit HTML , lalu centang Expand Template Widget

3. Cari kode berikut dengan CTRL + F agar lebih cepat ]]></b:skin>

4. Lalu Copy dan Paste kode berikut 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;
}

5. Cari lagi kode ini </body>

6. Lalu Copy dan Paste kode berikut di atas kode </body>

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

Simpan Template, Lihat Hasilnya

Semoga Bermanfaat..

Advertisement