Cara Membuat Navigasi Nomor Halaman Di Blog

Salam Sukses dan Salam Sehat untuk kita semua, baiklah Kali ini PENJELAJAH INTERNET membahas bagaimana membuat Navigasi Nomor Halam untuk blog untuk apasi Navigasi tersebut ? Navigasi Nomor Halaman Blog itu untuk menampilkan total page yang ada dan tentunya navigasi tersebut juga agar blog terlihat lebih elegant contohnya pada gambar di bawah ini :

Baiklah langsung aja caaranya ikuti petunjuk dan langkah-langkah berikut
dibawah ini :

1. Login dulu ke bLog
2. Kemudian Menuju Halaman Design dan Edit HTML
3. Cari Kode ]]></b:skin> lalu p-astekan CSS dibawah ini tepat diatas 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;
}

4. Langkah selanjutnya cari Kode </body>, kalau sudah ketemu pastekan kode dibawah ini
tepat ditas kode </body>

<!--Page Navigasi-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=6;
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>
</b:if>
<!--Page Navigasi -->

5 simpan dan selesai...Selamat Mencoba

Posted in: TRIK BLOG