Friday, March 2, 2018
Tips Blog Cara merubah tulisan Older Posts Posting Lama menjadi angka
Tips Blog Cara merubah tulisan Older Posts Posting Lama menjadi angka
Biar tampilan blog menjadi lebih menarik, salah satunya yaitu dengan merubah tulisan Older Posts atau Posting Lama menjadi urutan Angka seperti gambar dibawah ini.
Berikut adalah langkah-langkah memasang ke blog kalian:
1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML"
2. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut
Script
.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;
}
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;
}
Script
<!--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 -->
<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 silahkan, Silahkan liat hasilnya :)
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment