Friday, 19 April 2013

Mengganti older post menjadi tampilan angka

Blog kita pada umumnya pindah halaman dari halaman 1 ke 2 atau seterusnya menggunakan tulisan older post(posting lama) newer post(posting baru). Disini kita akan mengubah tampilan tersebut menjadi tampilan angka agar mempermudah pengunjung meloncat kehalaman yang ia mau.

http://dokumenrifky.blogspot.com/2013/04/mengganti-older-post-menjadi-tampilan.html

Langsung saja gini ni caranya:
  • Sobat login dulu ke blog sobat
  • Trus sobat pilih template > edit HTML
  • Setelah itu sobat cari kode ]]></b:skin> kalo sudah ketemu taruh script 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;
} 
  • setelah itu cari kode </body> kemudian taruh script 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 -->

Translate