Kamis, 01 November 2012

Tips Mengubah "Older Posts" dengan Nomor Halaman

Blogspot biasanya memberikan fasilitas pindah halaman dari postingan satu ke postingan sebelum ataupun sesudahnya dengan "Older Posts" ataupun "Newer Posts". Kali ini kita akan mencoba mengubahnya menjadi nomor-nomor halaman seperti di bawah ini:

 Dengan model penomoran itu, pengunjung akan lebih mudah lompat-lompat ke halaman yang mereka suka. Oke, langkah-langkah yang harus kita lewati adalah:
  1. Masuk ke desain template, kemudian masuk ke "Edit HTML"
  2. Cari kode ini: ]]></b:skin> kalau sudah ketemu, copy paste script di bawah ini tepat 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. Kemudian cari kode ini </body> dan copy kan script berikut tepat 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 -->
     4. Save changes dan lihat hasilnya

Read More......