Intips Html Cara Membuat Older Post Angka

Intips html - Kali ini blog intips lagi pengen coba bikin older post alias postingan yang telah lalu tapi bisa dilihat lagi, misal kali di template bawaan itukan posisi postingan lama akan ditindih di bagian bawah setelah postingan barukan.

Tapi jika ingin membuat tampilan berbeda dan suka maen sama HTML tentu saja perlu nyoba yang satu ini, tipsnya juga mudah ko, tinggal copas doang dan teliti saja dengan mengikuti aturan dan caranya saja. Cara membuat older post bisa dilihat caranya sebagai berikut :


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 contohnya Membuat Older Post Angka . dsini