Cara Mengganti "Older Post" Dengan Angka Di Blog

dalam postingan ini Bery HackeR akan membahas dan memberi tutorial cara mengganti older 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.

Tweet

Related Posts

• Cara Membuat Related Post Thumbnails BloggerHai Sobat blogger !!! kali ini saya akan membagikan cara membuat Related Post Thumbnails dengan mudah, cepat dan sob
• Cara Memasang Google Translate (Penerjemah)Alat penterjemah pada zaman sekarang sangatlah penting menimbang banyaknya pengunjung situs tidak hanya selalu memakai
• Melacak Jejak Pengunjung Blog Dengan Google AnalyticsBagi sebagian pemilik blog, mungkin terramat suangat uingin swekali mengetahui data-data dari para pengunjung blognya.
• Widget Social Share Counter v2 Untuk BloggerHai Sobat Blogger !!! Ne widget social share counter yang didesain keren untuk Blogger, nahh kali ini saya memposting
• Cara Membuat Meta Tag Di Blogspot Hai Sobat Blogger !!! kali ini membahas tentang Seo yaitu Cara Membuat Meta Tag Di Blogspot. Meta Tag adalah elemen ata
• Cara Memasang Widget User Online (Who's Among Us) Salam Blogger !!!, Kali ini saya akan posting tentang "Cara Memasang Widget User Online" Mungkin tutorial ini suda

Cara Mengganti "Older Post" Dengan Angka Di Blog

4/ 5

Oleh Arima Bery

Arima Bery Pada Wednesday, October 31, 2012 1 Komentar