Cara Mengganti Older Post dengan Angka
hai teman - teman kunaruhblog :)
sering blogwalking ke blog orangkan?
pasti sering disaat kalian melihat post ada tulisan older post, sekarang saya mau share cara menggantinya menjadi angka, layaknya halaman, supaya para visitor lebih mudah mencari post - post di blog kalian
ok deh langsung aja :)
1. Blogger.com > template > edit HTML > centang expand widget
2. carilah kode ]]></b:skin> (gunanakan ctrl+F, supaya lebih mudah)
3. paste kode dibawah, tepat diatas kode yang saya berikan di POINT 2.
4. lalu cari kode </body>
5. paste kode dibawah, tepat dibawah kode yang saya berikan pada POINT 3
6. save dan lihat hasilnya
sekian infonya semoga bermanfaat ya :)
sering blogwalking ke blog orangkan?
pasti sering disaat kalian melihat post ada tulisan older post, sekarang saya mau share cara menggantinya menjadi angka, layaknya halaman, supaya para visitor lebih mudah mencari post - post di blog kalian
ok deh langsung aja :)
1. Blogger.com > template > edit HTML > centang expand widget
2. carilah kode ]]></b:skin> (gunanakan ctrl+F, supaya lebih mudah)
3. paste kode dibawah, tepat diatas kode yang saya berikan di POINT 2.
.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;
}
4. lalu cari kode </body>
5. paste kode dibawah, tepat dibawah kode yang saya berikan pada POINT 3
<!--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 -->
6. save dan lihat hasilnya
sekian infonya semoga bermanfaat ya :)
Diposting Oleh : Unknown ~ Kunaruhblog
Artikel Cara Mengganti Older Post dengan Angka adalah artikel untuk semua orang tanpa terkecuali, dan semua blogger patut dihargai jadi saya harapkan tolong untuk memberikan link tautan atau link sumber http://kunaruh.blogspot.com, terima kasih :)
Categories:
info blog,
seputar komputer
0 komentar:
Posting Komentar