Mengganti Tulisan 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. Pada postingan sebelumnya kita telah menuliskan tentang Menghilangkan Tulisan Page Navigation Dibawah Postingan.

Tetapi, pada kesempatan kali ini kami 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 ]]> 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 </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 -->



Selesai, seperti biasa langsung klik simpan dan silahkan cek hasilnya BOS.

Sumber : harmoko37

8 comments:

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

    ReplyDelete
  2. blogwalking dari Poland... :-D *waduh, belum ngeh, nih dek...*

    ReplyDelete
  3. Ini untuk blogger aja kan gan ?

    ReplyDelete
  4. @Uem : siap gan, mudah2an bisa diterapkan juga di blog agan..
    @aprie : sama2 bro..
    @azzam : blh ngeh gmn saudaraku?
    @makibo : terimakasih atas kunjungannya y gan..
    @bangOi : yuhu bang Oim utk blogger.

    ReplyDelete
  5. informasi yang membantu,terimakasih sudah share :)

    ReplyDelete