Membuat artikel terbaru dengan tombol navigasi angka dibawahnya. Sehingga jika pengunjung ingin menampilkan lebih banyak artikel yang lebih lama, bisa dengan memilih angka yang sudah tertera.
Dengan begitu, banyak keuntungan yang didapat, salah satunya artikel terbaru memiliki kemungkinan besar untuk dilihat dan artikel lama tetap bisa terjangkau oleh pembaca blog kita.
Langsung saja, pertama login kemudian lakukan pengeditan dengan
edit html. Pilih penempatan dibagian bawah posting, mau dibawah artikel terkait atau bawahnya lagi, tidak masalah. Yang terpenting masih bisa terjangkau oleh pandangan pembaca. Biasanya, lebih pas jika diletakan tepat di bawah kode <data:post.body/>.
Untuk kodenya bisa dilihat dibawah ini. Copy kemudian paste pada bagian yang diinginkan, dibawah kode <data:post.body/> misalnya. Jika sudah, simpan dan lihat hasilnya. Jika sudah, selamat menikmati pageview yang lebih banyak dari sebelumnya.
<div style='border-top: 1px solid rgb(187, 187, 187);border-bottom: 1px solid rgb(187, 187, 187);padding: 10px 0px;margin: 10px 0px;font: 20px/20px georgia;'>
<b style='color:#cc0000'>Terbaru</b>
</div>
<style type='text/css'>
.iteminside,.itemfoot, #totalposts, a.prevjson, a.nextjson {display:none !important;}
</style>
<style type='text/css'>
#toc-outer{width:100%}
#loadingscript{background:#F6EFBB url('http://reader-download.googlecode.com/files/ajax-loader.gif') no-repeat 50% 46%;font:bold 20px Georgia,Serif;color:#000;height:400px;text-indent:-9999px;-webkit-box-shadow:inset 0 0 0 5px #EAE0AD;-moz-box-shadow:inset 0 0 0 5px #EAE0AD;box-shadow:inset 0 0 0 5px #EAE0AD;padding:10px}
.itemposts h6{border:1px solid #b8b8b8;font:15px/20px Georgia;font-weight:bold;margin:0 auto 10px;padding:5px 10px}
.itemposts h6 a{color:#001b2f;}
.itemposts img{float:left;height:72px;width:72px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:#fafafa;border:1px solid #dcdcdc;margin:2px 10px 2px 0;padding:4px}
.itemposts {}
.itemposts .itemrmore{font-weight:700;color:#895F30;float:right;text-decoration:none}
.itemposts .itemrmore:hover{color:#9BB009;text-decoration:underline}
#itempager{border-top:1px solid #E5E5E5;-webkit-box-shadow:inset 0 1px 0 #FFF;-moz-box-shadow:inset 0 1px 0 #FFF;box-shadow:inset 0 1px 0 #FFF;border:1px solid #b8b8b8;padding:5px 0}
#pagination,#totalposts{color:#999;font:20px Arial;text-align:center;padding:0}
#pagination span,#pagination a{color: #fff;background-color: #006400;margin: 0px 2px;padding: 0px 10px;}
#pagination span.actual,#pagination a:hover{background-color:#cc0000}
#pagination span.hidden{display:none}
</style>
<script type='text/javascript'>
var showPostDate = false,showComments= false,idMode= false,sortByLabel= false,labelSorter= "JQuery",loadingText= "Loading...",totalPostLabel = "Jumlah posting:",jumpPageLabel= "Halaman",commentsLabel= "Komentar",rmoreText= "Selengkapnya ►",prevText= "Sebelumnya",nextText= "Berikutnya",siteUrl= "
http://www.madjongke.com",postsperpage=
10,numchars= 370,imgBlank= "http://2.bp.blogspot.com/-11FkySHGB5Y/TpZ6SSbsF2I/AAAAAAAAA94/zK10UaL7jgo/s1600/images.jpeg";
</script>
<script src='http://junkie.googlecode.com/files/madjongke-terbaru-next-prev.js' type='text/javascript'></script>
Untuk kode yang berwarna biru, bisa disesuaikan dengan jumplah post yang ingin ditampilkan. Untuk yang berwarna merah silahkan diganti dengan url blog kamu. Sebagai
CONTOH, bisa dilihat pada bagian bawah artikel ini.
Terbaru