Tutorial blogging kali ini saya akan membahas tentang Cara Mengganti “Older Posts” Dengan Angka. Awalnya navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks dengan tulisan “Older Post” namun bisa anda rubah penampilan blog kalian menjadi beda dan cantik 
. ok langsung saja menuju tutorial blog nya. jadi tampilannya menjadi seperti dibawah ini
Pertama – tama anda menuju edit desain, kemudian klik ”Edit HTML” lalu cari kode ]]></b:skin> kemudian taruh kode
.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;
}
sebelum kode tadi.
lalu cari kode </body> dan taruh script dibawah ini sebelum kode itu
<!–Page Navigation Starts–>
<b:if cond=’data:blog.pageType != "item"’>
<b:if cond=’data:blog.pageType != "static_page"’>
<script type=’text/javascript’>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src=’http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js’ type=’text/javascript’/>
</b:if> </b:if>
<!–Page Navigation Ends –>
kalau sudah di save dan lihat hasilnya 
0 komentar: