Cara membuat Navigasi Nomor di Blog

Langsung saja kali ini saya akan share tentang cara membuat navigasi penomoran di blog.Pasti sudah tau kan yang dimaksud bagian yang mana. Bagian ini yang akan kita buat.

Caranya : 
1. Masuk ke blogger sobat,
2. Pilih tab Template, Edit HTML

3. Pada editor cari
 ]]></b:skin> tekan CTRL+F untuk mencari nya
4. Lalu letakkan kode berikut di atas / sebelum 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;

}

5. Cari juga kode </body> dan letakkan kode berikut sebelum / di atas kode </body>

<!--Page Navigation Starts-->
<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=5; 
var displayPageNum=5; 
var upPageWord =&#39;Previous&#39;; 
var downPageWord =&#39;Next&#39;; 
</script> 
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/> 
</b:if> </b:if> 
<!--Page Navigation Ends -->


6. Lalu save dan lihat hasilnya

Sekian dan terima kasih, semoga bermanfaat...

Cara membuat Navigasi Nomor di Blog 2014-10-03T03:01:00+07:00 Rating: 5 Diposkan Oleh: Unknown