Bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)

Pernah tak anda perasan navigation Blogger untuk ke halaman lain yang menggunakan "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Kalau tak perasan tak tahulah saya nak cakap apa. Berbeza dengan wordpress yang link navigasi selalunya berbentuk angka dan memudahkan untuk berpindah ke beberapa posting lama dan baru.

Kali ini saya akan berkongsi dengan anda bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Hasilnya akan kelihatan seperti ini.

Sebelum melakukan apa-apa perubahan, backup wajib dilakukan sebagai langkah keselamatan.

Lepas tu, jom hack Blogger!

1. Klik design > "Edit HTML"
2. Ctrl+F untuk cari ]]></b:skin>
3. Paste script dibawah ini sebelum kod tersebut

.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;
}

4. Cari kod </body> kemudian paste script dibawah ini sebelum kod tersebut.


<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>


5. Klik Preview untuk melihat hasilnya. Kalau anda berpuas hati boleh terus save template. Kalau tak, bolehlah ubah-ubah kod color dan sebagainya. Selamat mencuba. Salam.

Do you like this post? Please link back to this article by copying one of the codes below.

URL:

http://www.tempahblog.com/2012/06/pernah-tak-anda-perasan-navigation.html

HTML link code:

<a href="http://www.tempahblog.com/2012/06/pernah-tak-anda-perasan-navigation.html">Bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)</a>

BB (forum) link code:

[url=http://www.tempahblog.com/2012/06/pernah-tak-anda-perasan-navigation.html]Bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)[/url]

Dah baca? Jangan lupa tinggalkan komen anda!