0 Membuat Navigasi Dengan Nomor Pada Halaman Blogger

Kali ini khusus saya bagikan untuk para blogger mania yang belum begitu mahir atau bisa soal masalah Navisagi pada blogger. Sekarang saya mau jelasin bagai mana caranya membuat Navigasi nomor pada halaman blogger, yang saya maksud adalah nomor halaman yang ada di homepage blog. 

Biasanya pada homepage hanya berisi tulisan 'posting lama' - 'posting baru' dan 'home'. Jadi bagai mana anda tertarik g ni dengan postingan saya kali ini, saya harap sih anda semuanya tertarik dengan postingan saya kali ini yang membahas tentang navigasi pada blogger. 

Langsung saja, beberapa fungsi atau keuntungan dari cara memasang navigasi nomor halaman pada homepage adalah :

• Mempermudah pengunjung untuk melihat artikel-artikel anda yang sebelumnya.
• Dan juga untuk mempercantik tampilan blog anda.

Pastinya anda sudah tidak sabar bukan untuk mengetahui caranya, ok langsung saja saya bahas bagaimana caranya untuk membuat navigasi bernomor pada blogger, silahkan anda simak baik-baik:

1. Anda terlebih dahulu login ke Blogger selanjutnya anda pilih >> Rancangan >> Edit HTML >> beri tanda centang pada expan widget template

2. Sekarang anda cari tag ]]></b:skin>

3. Lalu setelah ketemu copy dan paste kode CSS dibawah ini 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.  Selanjutnya anda mulai lagi mencari tag </body>
5. Lalu anda copy kode dibawah ini lalu paste diatas kode tag </body> tersebut.

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

6. Selesai sudah pekerjaan anda. Sekarang anda Save template dan lihat hasilnya.


Bagaimana mudah bukan caranya untuk menambah navigasi bernomor pada blogger, nah bagi anda yang mempunyai cara yang lain dan lebih simpel silahkan posting disini, saya tunggu ya komentar-komentar anda yang sudah mencobanya. terima kasih jangan lupa berkunjung kembali ya.