Mengganti Older Post atau New Post Dengan Angka

Jembertheisozone - Mengganti Older Post atau New Post 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. Mengganti Older Post atau New Post Dengan Angka

You Might Also Like

Tutorial Blogger

• Cara Mengecheck Jumlah Backlink Blog Kita
• 4 Alasan Kenapa Blog Jarang Ada Komentarnya
• Cara Bikin Total Post dan Total Komentar di Blog
• Cara Membuat MenuQ Top Header Blog
• Membuat Iklan Melayang di Blog
• Cara Memasang Read more Blog dengan Animasi
• Cara Membuat Widget Statistik Blog Di tengah
• Cara Pasang Permalink Blog
• Cara Mengubah Tag Heading Untuk Better SEO di Blogger
• Cara Mudah Promosi Blog Di Facebook
• Cara Menghapus Link "Langgan: Entri (Atom)"
• Cara Menambahkan 3 Kolom Di atas Footer Blog
• Membuat Effect Gambar Gelap-Terang pada Blogger
• Kenali Ciri-Ciri Template SEO Friendly Pada Blog
• Cara Ngecheck Seberapa Persen SEO Blogmu
• Memasang Artikel Terkait Bergambar di Blog
• Cara Mendaftarkan Blog ke Technorati 2013
• Cara Agar Blog Menjadi NO. 1 Di Google Dengan Google Ping
• Cara Membuat Artikel Random Di Blogger
• Cara Membuat Rating Bintang Di Search Engine Google
• Cara Memasang Feedburner dan Memasang subcribe di Blog
• Cara Membuat Menu Blogger Style Yellow
• Cara Membuat Text Shadow/Glow Pada Judul Posting Blog
• Menu Sidebar dengan Efek Jquery Keren

Cara Membuat Artikel Terkait Dibawah Posting Tempat Cari ilmu