[Tutorial Blogspot] Merubah New-Older Post Dengan Angka

Trik basi tapi masih menarik nih..... :d:

Iseng-iseng tadi Ierzha browsing ke salah satu situs film yang lumayan lama, pada situs itu untuk melihat postingan terdahulu tidak lagi menggunakan tulisan "Older Post" atau "New Post", melainkan sudah menggunakan angka yang tersusun sedemikian rapi sehingga memudahkan pembaca untuk pindah navigasi tanpa harus membuka banyak halaman. Contohnya seperti gambar di bawah ini.

Untuk membuatnya pun ternyata tidak begitu rumit.

• Pertama-tama tentunya kita harus masuk ke dalam account blog, lalu menuju desain template dan klik "Edit HTML". Pastikan ente menceklist kotak "Expand Template Widget"
• Setelah itu, ente cari kode ]]></b:skin> atau gunakan Ctrl + F dan masukan kode ]]></b:skin> pada kotak pencarian.
• Setelah itu, copy code dibawah ini tepat di atas 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;
}

• Setelah itu, kemudian cari kode </body> pada template ente, kemudian copy kode di bawah ini dan paste-kan di atasnya.

<!--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 -->

Setelah itu, save template ente dan coba liat blog ente, pasti tulisan "Older Post" dan "New Post" nya telah berubah menjadi angka-angka... :c:

Artikel Terkait: