Cara Membuat Navigasi Nomer Halaman

Judul nya jadul banget ya hehehe.. cara membuat navigasi nomer halaman maksud nya navigasi page number, atau lebih jelasnya pages number navigation. Jika belum jelas bisa lihat gambar di samping ini. Navigasi nomer halaman ini fungsinya akan membuat template blog lebih indah dan memudahkan pengunjung untuk melihat lihat isi halaman blog kita. Selain itu juga membuat template menjadi seo friendly walaupun pakar seo tidak bilang begitu tapi saya rasa itu juga membuat dampak seo pada template blog.

Cara membuat navigasi nomer halaman :
cari kode ]]></b:skin> script css berikut 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;
}

kemudian selanjutnya cari kode </body>, letakan script di bawah ini tepat di atas kode </body>

<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>

Terakhir simpan template, dan lihat hasil nya navigasi page number akan terpasang di blog.

Best regards,

Tutorial Linux Ubuntu | seo

Untuk Download Artikel Klik Gambar

		Follow @antigaptek

Baca Artikel Terkait :