Cara Membuat Navigasi Nomor Halaman pada Blog

Baiklah kali ini saya akan membahas cara membuat agar blog mempunyai navigasi.
apa sih navigasi?
untuk keterangannya mungkin teman-teman bisa lihat di bawah blog saya atau lihat gambar di bawah ini:


ok teman-teman dah liat kan,tanpa pikir panjang ayo kita pelajari caranya:

1. Teman login ke blog sobat >> Rancangan >> Edit HTML >> beri tanda centang pada expan widget template

2. Cari tag ]]></b:skin>

3. Supaya lebih mudah mencarinya teman-teman  pencet aja ctrl+f ,lalu tuliskan   ]]></b:skin>   dan enter.

4.  Lalu copy paste kode di bawah ini  di atas ]]></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 teman-teman cari lagi tag </body>

5. Selanjutnya teman copy paste kode di bawah ini 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>

6. Save template  dan lihat hasilnya..


OK semoga bermanfaat ya teman-teman dan semoga berhasil

sumber:http://www.masterendi.com/2011/12/cara-membuat-navigasi-nomor-halaman.html?showComment=1324545792325#c1749237582080159930