Hubungi KamiJika ada pertanyaan silahkan hubungi kami

Mengganti “Older Posts” Dengan Angka

Mengganti “Older Posts” Dengan Angka-Secara defaul navigasu untuk pindah halaman di blogspot menggunakan link teks “Older Posts (posting lama)” dan “Newer Posts (posting baru)”. Tentunya dengan tanpilan seperti ini akan menyulitkan bagi pengunjung untuk meloncat ke postingan lama maupun baru.

Hal ini tentunya berbeda dengan wordpress yang sudah disediakan navigasi berbentuk angka sehingga pengunjung bisa dengan mudah membuka halaman sesuai angka yang diinginkan untuk melihat postigan lama maupun baru.

Nah trik kali ini saya akan member cara Mengganti “Older Posts” Dengan Angka untuk platform blogspot.

Mengganti "Older Posts" Dengan Angka
Mengganti “Older Posts” Dengan Angka
  • Hal pertama Anda harus login terlebih dahulu ke akun blog Anda
  • Pada dashboar pilih “Template“⇒”Edit HTML
  • Setelah itu cari kode “]]></b:skin>” (gunakan CTRL+F untuk memperepat)
  • Setelah ketemu kode “]]></b:skin>” copy dan paste kode dibawah ini tepat diatas kode “]]></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;
}

  • Cara kode “</body>” dan copy kode dibawah ini kemudian pasteken tepat diatas kode “</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 –>

  • Terakhir klik “Simpan

Sekarang lihat hasilnya Older Posts sudah berubah. Cukup mudah kan Mengganti “Older Posts” Dengan Angka? Yang terpenting memasukan kode diatas harus teliti agar tidak mengalami kegagalan (errror).

Loading...

Add a Comment

Your email address will not be published. Required fields are marked *

More in Blogger
Cara Menghapus Halaman Postingan Blog Paling Benar

Cara Menghapus Halaman Postingan Blog Paling Benar-Helo sob kembali lagi...

Close