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

Artikel Terkait



0 komentar:

Poskan Komentar

Terima kasih atas komentar Anda. Mohon untuk tidak berkomentar yang bernada SPAM dan berbau p*rn*.

Cari Artikel

Memuat...

Archives