Menyediakan free blogger templates.

Cari Artikel

Mengganti "Older Posts" Dengan Angka

Pada umumnya sebuah blog hanya menampilkan tulisan "newer post" maupun "older post". Nah, kali ini saya akan membagikan tips, agar tulisan tersebut menampilkan sebuah angka. Lihat gambar di bawah ini.




1. Masuk ke menu "Edit HTML"

2. Cari kode ]]></b:skin>
3. Masukkan kode di bawah ini di atas ]]></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;
}

 4. 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 -->

Simpan dan lihat hasilnya :)

4 komentar:

  1. thanks gan tutorialnya berhasil

    BalasHapus
  2. Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...

    BalasHapus
  3. Kanapa gak jalan pada template saya ya kang?..

    BalasHapus

Related Posts Plugin for WordPress, Blogger...