Cara Membuat Navigasi Nomer Halaman

0
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. untitled 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.
Author Image

About Ahmad Habibullah
Soratemplates is a blogger resources site is a provider of high quality blogger template with premium looking layout and robust design