Hai all...hari ini koz nak berkongsi dengan korang cara nak buat halaman posting.Fungsinya adalah untuk memudahkan para pengunjung memasuki halam-halaman berikutnya dan halaman-halaman sebelumnya.contohnya seperti halaman google di bahagian bawah:-
Sudah paham kegunaan widget kali ini?okey kita mulakan tutorialnya...
Langkah 1
Seperti biasa backup templet dulu kemudian Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates.
Langkah 2
Cari code ini ]]></b:skin> dan copy code di bawah...
.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;
}
Kemudian paste code tersebut sebelum/di atas code ini ]]></b:skin>
Langkah 3
Kemudain cari code </body> dan copy code di bawah...
<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';var downPageWord ='Next';
</script>
<script src='http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/blogger_navpage.js' type='text/javascript'/>
</b:if>
Kemudian paste code tersebut sebelum/di atas code ini </body>
Langkah 4
Pada code berwarna merah, Korang boleh tetapkan jumlah posting yang berada di salah satu halaman.
Pada code berwarna oren, korang boleh tetapkan jumlah angka/npmbor yang hendak di pamirkan.
Pada code berwarna biru, korang boleh ubah ayat Next atau Previous pada ayat kesukaan korang
Save dan lihat hasilnya...
Camat mencuba...
