cara mudah Mengganti "Older Posts" Dengan Angka

Kali ini saya akan menshare tutorial tentang cara mengganti "Older Posts (posting lama)" dan "Newer Posts (posting baru)" dengan Angka.seperti pada gambar di bawah ini!

1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML"
2. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut

.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;
}

3. setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut.

<!--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 -->
Selamat mencoba!!

Previous
Next Post »

2 komentar

Click here for komentar
February 10, 2016 at 1:24 PM ×

mantap banget gan
terima kasih untuk berbagi info gan
semoga terus berkaya ya gan dan update terus....
thumbs up 4

Balas
avatar
admin

Terima telah berkunjung dan meniggalkan komentar di blog sederhana ini..!

NB :
1. Jangan berkomentar SPAM
2. Jangan meninggalakan LINK aktif karna otomatis akan terhapus.
Show Conversion Code Hide Conversion Code Show Emoticon Hide Emoticon

Thanks for your comment
Widget by