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.

Ditulis Oleh : Unknown ~ Hidup Terasa Indah Bila Saling Berbagi

Sobat sedang membaca artikel tentang Mengganti "Older Posts" Dengan Angka . Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya, TERIMA KASIH Karena sudah bersedia Memberikan Komentar untuk Blog ini... !!! <a href=" http://6laskar-pelangi.blogspot.com/2012/06/mengganti-older-posts-dengan-angka.html " target="_blank"> Mengganti "Older Posts" Dengan Angka </a>

:: Effendi Dalimunthe ! ::

Baca Juga Artikel Terkait Lainnya

LiputanBlogger

• Cara Mudah Posting File SWF
• daftar-blog-dofollow-dengan-plug-in.html
• Cara Membuat Blog
• Cara membuat javascript milik sendiri
• cara hosting file di google sites
• Tips Posting Teratur dengan Penjadwalan
• Cara Membuat Website lain ke dalam Website Kita
• Cara Mempercepat Loading Blog
• Cara Meningkatkan Google Page Rank
• Membuat HeadLine News di Blog ( Headline News Berjalan )
• Adsense berbasis PPC/CPM Alternatif yang menerima blog bahasa Indonesia
• Siap-siap Jelang Kiamat Internet
• Cara Melihat Popularitas Sebuah Blog Atau Website
• MENCAIRKAN DANA PAYPAL KE BANK DI INDONESIA
• Cara Mendaftarkan Bank Lokal Anda ke PayPal
• Tips Membuka Account Paypal
• Verifikasi PayPal Tanpa Menggunakan Kartu Kredit
• Cara Mudah Memparse Kode HTML atau Java Script
• Cara Membuat Recent Comment + Thumbnail
• Kode warna HTML generator
• Cara memparse code adsense atau HTML javascript
• Random Post dengan thumbnail loading ringan
• Cara Mengukur Kecepatan Loading Blog Part II
• Cara membuat scroll pada blog archive
• Cara Membuat kursor mouse Diikuti Teks

Posted in: LiputanBlogger