Cara membuat nomor halaman blog (number page navigation)

Selain sebagi pengganti Link Posting Baru, Beranda, dan Link Posting Lama, nomor halaman jugan mempercantik tampilan blog kita dan berfungsi untuk mempermudah pengunjung yang ingin membaca artikel² kita yg telah lalu..

Nah. Bagi sobat² yang ingin membuat Nomor Halaman Blog (Number Page) berikut langkah² nya:

1. Login keblog sobat

2. Klik Rancangan

3 klik Edit HTML

4. Centang tulisan Expand Template Widget

5. Copy kode dibawah ini dan pastekan di atas kode ]]></b:skin>

/* -- NUMBER PAGE NAVIGATION -- */
.showpageArea a{
text-decoration:underline;
}

.showpageNum a{
text-decoration:none;
border:1px solid#006400;
margin:0 2px;
padding:2px;
}

.showpageNum a:hover{
border:1px solid#006400;
background-color:#006400;
}

.showpagePoint{
color:#111;
text-decoration:none;
border:1px solid#006400;
background:#006400;
margin:03px;
padding:3px;
}

.showpageOf{
text-decoration:none;
padding:2px;
margin:0 2px 0 0;
}

.showpage a{
text-decoration:none;
border:1px solid#006400;
padding:2px;
}

.showpage a:hover{
text-decoration:none;
}

.showpageNum a:link,.showpage a:link{
text-decoration:none;
color:#111;
}

6. Kemudian copy kode dibawah ini dan pastekan diatas kode </body>

<b:if cond='data:blog.pageType! = &quot;item&quot;'>
<scripttype='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord=&#39;Previous&#39;;
vardownPageWord =&#39;Next&#39;;
</script>
<scriptsrc='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>

7. Terakhir, cari kode seperti ini 'data:label.url'



Hapus kode Tersebut, dan ganti dengan kode di bawah ini

'data:label.url+&quot;? &amp;
max-results=5&quot;'

8. Simpan, dan selesai


Sekarang lihat blog sobat, cantik bukan.....?????



Sumber: http://lovelizzers.blogspot.com/2010/07/cara-membuat-nomor-halaman-blog-number.html

Label/Kategori: Tutorial Blog

Baca Terkait Lainnya..