Labels

Thursday, December 09, 2010

Page Navigation

Okay
Atas permintaan ramai
Wah.. Macam DJ plak erk..
Asrol nak ajar macam mana nak buat Page Navigation

Page Navigation

Page navigation ni sebenarnya berguna untuk blog-blog jenis yang tutorial, galeri dan sebagainya
Untuk blog-blog biasa
Yang banyak citer kesah hidup
Rasanya tak perlu sangat
Sekadar buat assesori jerk la..
Sebabnya
Page navigation ni berguna untuk lihat berapa page yang ada
Contohnya untuk page tutorial
Page navigation akan beritahu ada banyak mana tutorial sebenarnya dalam blog tersebut

Tapi takpe
Ilmu tetap ilmu dan boleh dipelajari
Kalo nak buat
Ikot la langkah bawah ni

1) Pergi kat Design > Edit HTML
2) Klik kotak Expand Widget Template
3) Cari
]]></b:skin>
4) Letakkan kod bawah ni kat atas kod tadi
.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;
}
Kod-kod atas ni korang boleh ubah ikot suka korang
5) Lepas tu, cari kod ni plak
</body>
6) Letakkan kod berikutnya atas kod tadi
<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
</b:if>
<!--Page Navigation Ends -->
7) korang boleh ubah setiap kotak ada berapa post dan berapa paparan kotak. Kot la.. Wakaka... Korang try la godek-godek erk..
var pageCount=5;
var displayPageNum=5;

Ukie..
Have fun...
Terima kasih kerana membaca Sila ke untuk info menarik

No comments:

Post a Comment