Cara Mengganti "Older Posts" Dengan Angka

Cara Mengganti "Older Posts" Dengan Angka - Secara umum, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.
Nha trik kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti 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 -->


Kalau sudah silahkan dilihat hasilnya.
Previous
Next Post »

9 komentar

Write komentar
Helmi Selo Darmawan
ADMIN BLOG
April 29, 2015 at 1:17 AM delete

Saya Mohon Agar Blog Ini Jgn Sering melakukan "SPAM"
karna Sangat Mengganggu..kalau tidak Blog anda Akan di Laporkan Ke Pihak Google

Reply
avatar
Wendi Giansyah
ADMIN BLOG
April 29, 2015 at 1:44 AM delete

Boleh dicoba, thx gan

Reply
avatar
Hadi Wapper
ADMIN BLOG
April 29, 2015 at 1:52 AM delete

Bagus sob, sangat membantu

Reply
avatar
Robby Cukup
ADMIN BLOG
April 29, 2015 at 7:49 AM delete

Sangat membantu :ng

Reply
avatar
Robby Cukup
ADMIN BLOG
April 29, 2015 at 7:49 AM delete

Nitip
www.hestia-familly.blogspot.com :D

Reply
avatar
must teguh
ADMIN BLOG
April 29, 2015 at 9:29 PM delete

templatenya sama ama saya..lam kenal

Reply
avatar
must teguh
ADMIN BLOG
April 29, 2015 at 9:30 PM delete

blog udah di follow, silahkan folow balik gan

Reply
avatar
Lucky Ramisap
ADMIN BLOG
April 29, 2015 at 9:42 PM delete

Hallo sobat N3,
ijin simpen artikelnya =D

Reply
avatar