Mengubah Posting Lama dengan Angka

Selamat siang sahabat blogger kali ini saya akan memposting bagaimana cara mengubah Posting Lama dengan berbentuk 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.


[-] Langkah awal tentunya Login Blogger anda
[-] Buka Daftar Entri
[-] Template > Edit HTML
[-] Cari kode berikut ]]></b:skin> , kalau sudah ketemu copy script dibawah ini diatas 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;
}

[-] Setelah itu cari kode berikut </body>, kemudian copy kode berikut dibawah 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 -->

1 komentar:

Terima Kasih Telah Berkunjung Ke Blog Sederhana Ini.
Silahkan Anda berkomentar di kotak komentar di bawah ini.
Mohon Untuk Tidak :
1. Berkomentar OOT (Out Of Topic)
2. Komentar mengandung SARA

 
Lihat :
Page Rank

Pengikut

Ravy Yansen © 2012 | Template By Jasriman Sukri