Cara Mengganti Older Posts ( Posting Lama ) Dengan Angka

Assalamu'alaikum wr.wb
Selamat sore sob, apa kabar ? Semoga sobat-sobat sekalian disana selalu sehat, amiinn ...
mungkin cara ini sudah banyak yang membagikan pada blog-blog tetangga, tetapi saya akan mempostingkan lagi cara ini, tidak salahkan jika riev-bapo mempostingkan lagi ??
Nah, 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.
Nah, 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 ::



Nah, langsung saja ikuti langkah dibawah  ini jika ingin mengganti link Older Posts (Posting Lama) ::

1. Loggin blogger
2. Masuk ke Menu Template > Edit HTML
3. cari code ]]></b:skin> ( gunakan F3/Ctrl+F untuk mempermudah pencarian)
4. Jika sudah ketemu, copy pastekan script di bawah ini tepat sebelum code ]]></b:skin>
.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;
}

5. Kemudian, cari code </body> ( gunakan F3/Ctrl+F untuk mempermudah pencarian)
6. Setelah ketemu, copy pastekan script dibawah ini tepat sebelum code </body>
<!--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 -->

7. Save Template, Dan lihat hasilnya

Nah, itulah yang bisa riev-bapo bagikan, Jika ada yang mau ditanyakan, silahkan berkomerntar.
Terima Kasih

Subscribe to receive free email updates:

10 Responses to "Cara Mengganti Older Posts ( Posting Lama ) Dengan Angka"