Cara Mengganti "OLDER POST" Dengan Angka

23.05 | Diposting oleh
Hai Teman Teman Kali ini saya akan bagi-bagi cara mengganti older post dengan angka ada yang tertarik!!!
pada postingan sebelumnya membahas tentang Cara Memasang Widget Alexa Rnk Pada Blog ,Secara umum navigasi untuk pindah halaman di blogspot menggunakan link "Older Post"(Postingan lama) dan "Newer Post"(Postingan Baru), Beda dengan Woodpres  yang navigasinya bisa berbebtuk angka memudahkan untuk loncat ke postingan baru maupun lama Nah Tutorian kali ini  menjelaskan bagaimana cara mengganti link Older Post dan Newer Post menjadi angka seperti gambar di bawah ini

1. Login blog
2. Klik Template ---> Edit HTML
3. Cari Kode ]]><b:skin> (Lebih cepat pakai CTRL+F) 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;
}

4. Setelah itu cari kode </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 -->

5. Klik Simpan.

<<<--- SELAMAT MENCOBA --->>>
Silahkananda membaca atikel menarik yang cukup penting ini

2 komentar:

Langganan: Posting Komentar (Atom)

Blogger Template created with Artisteer by .