Sabtu, 27 Oktober 2012

Mengganti "Older Posts" Dengan Angka

Pada kesempatan kali ini, saya akan menjelaskan bagaimana cara mengganti link "older posts" dengan angka seperti dibawah ini


1. Buka dasbor blog anda, lalu klik Template

2. Klik "Edit HTML"

3. Cari kode ]]></b:skin>. Kalau sudah ketemu, copy dan paste script ini diatas ]]></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. Lalu, cari kode </body> lalu copy dan paste script diatas </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 -->

5. Pratinjau dahulu sebelum disimpan.

6. Setelah dipratinjau, klik "simpan"

Selamat mencoba :)

2 komentar:

Uem Cuters mengatakan...

Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...

Agastya Arnanda mengatakan...

thanks yaa udah berkunjung :)