Cara Mengganti Older Posts Dengan Angka
Pada umumnya sih, navigasi untuk pindah halaman di blogspot masih menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.
Nah kali ini gagaje akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka .
Ikutin ya step by step.
1. Masuk ke "Edit HTML"
2. Cari kode ini ]]></b:skin> kalo sudah ketemu letakan script dibawah ini sebelum kode tersebut
Nah kali ini gagaje akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka .
Ikutin ya step by step.
1. Masuk ke "Edit HTML"
2. Cari kode ini ]]></b:skin> kalo sudah ketemu letakan script dibawah ini sebelum kode tersebut
.showpageArea a {3. setelah itu cari kode ini </body> kemudian letakan script dibawah ini sebelum kode tersebut.
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;
}
<!--Page Navigation Starts-->Kalau sudah silahkan dilihat hasilnya, mudah bukan..semoga bermanfaat ya sob..
<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 -->
Comments
Post a Comment
-Berkomentarlah yang baik dan rapi.
-Menggunakan link aktif akan dihapus.