Mengganti "Older Posts" Dengan Angka

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.

---

Artikel yang Berhubungan :

Blogger Hack

• Highlight pada Script/Kode di Postingan
• Tips Mengedit HTML Blogspot
• Menampilkan / Pasang Emoticon di Kotak Komentar
• Highlight Author Comment
• Membuat Kotak Komentar Blogger di Bawah Postingan
• Membuat Artikel yg Berhubungan (Related Post)
• Mengganti Tulisan "Older Post / Newer Post" atau "Posting Lama / Posting Baru"
• Cara Mengganti Tanggal Posting dg Icon Calender
• Cara Mengganti Icon Pada Address Bar
• Cara Menghilangkan Navbar (Navigation Bar)

http://trik-tips.blogspot.com/2012/05/mengganti-older-posts-dengan-angka.html

Artikel Terkait:

INTERNET

• SOFTWARE+Cara Ampuh Memperbaiki Flash Disk Tidak Terdeteksi
• Puluhan Aplikasi Android yang Wajib Terinstal
• CARA MENGHILANGKAN IKLAN SAAT BROWSING
• SkinPack Theme Windows 8 for Win 7/XP/Vista Free
• Cara Atasi Mozzila Firefox Lemot Not Responding
• Download AVG Antivirus ORIGINAL Free Gratis
• Download Internet Download Manager Terbaru Gratis
• Cara Mempercepat Koneksi Internet yang Lemot
• Cara Mengatasi/Mempercepat Mozilla Firefox Lemot
• Download AntiVirus SMADAV 2013 Rev 9.2 Terbaru!!
• Microsoft Office 2013 Free Download Full Version
• Nero 8 Free Download Full Version
• 7 Aplikasi & Game Terbaru 2013 yang Tak Boleh Dilewatkan!
• Cara Mempercepat Booting Windows 7 dengan BootRacer
• 12 Situs Pertemanan Asli Buatan Anak Indonesia
• 5 Game Horor yang Bikin Jantungan di 2013
• Grup Band Robot Mainkan Musik Metal. WOW!!
• Cara Pulihkan Akun Facebook yang Terinfeksi Autolike
• "Gold Messenger" Aplikasi Gratis Layaknya BBM
• Cara Pasang Lagu OTOMATIS di Blog saat dibuka
• Software Edit Foto Keren Terbaik
• 4 Software untuk Mengembalikan File yang Terhapus
• 3 Website Download Video Youtube Format 3gp
• Cara Membuat Artikel Terkait dengan Scroll
• DOWNLOAD VIDEO YOUTUBE FORMAT 3GP,FLV,MP4,dll TANPA SOFTWARE TANPA RIBET