Apakah anda ingin tampilan seperti gambar di atas buat di blog sobat, Nah sekarang saya akan menjelaskan bagaimana caranya mengganti Tampilan yang sebelumnya "Older post"berubah tampilannya menjadi tampilan "angka", nah seperti biasa langkah pertama masuk ke akun blog sobat langkah selanjutnya Menuju ke dashbord Blog Sobat → More Options → Pilih Menu Template → Edit HTML → Jangan lupa Centang Expand Widget ( untuk melakukan perubahan kode HTML) Nah di kode HTML itu cari kode ]]></b:skin> lalu Copy Paste kan kode di bawah ini sebelum kode ]]></b:skin> tadi ( gunakan CTRL+F untuk mempercepat pencarian )
.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;
}
Nah langkah selanjutnya cari kode </body> ( gunakan CTRL+F untuk mempercepat pencarian ) setelah ketemu lalu copy paste kan kode di bawah ini sebelum kode</body>
<!--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 -->
Selesai dan selanjutnya tinggal di save aja perubahannya ( sebaiknya di previuw dulu sebelum di save )
Tags : Tips/trik mengganti tampilan , older post , tampilan angka , perubahan , mengubah
0 comments:
Post a Comment