Blog Tutorial::Blog Paging(halaman Muka surat pada blog)

Paging for blog...

Tutorial ni utk bloggers tambah paging dkt blog..
Senang je..ikut arahan bwh nie mesti jd(^_~).

NOTES:BLOG CIK IENA TAK BLH RIGHT CLICK,SO KALAU NK COPY..
HIGHLIGHT WORDING  LEPASTU CLICK CTRL + C =copy(shortcut utk copy)

1. Login acc blogger korang--> Design --> Edit HTML
2. Click on "Download Full Template" (backup template korang dlu..huhu takot xjd ke kan)
3. Check "Expand Widget Templates"
4. Pastu korang search coding ni kt html --> Search (ctrl+f)

  




]]></b:skin>
  

5. Selepas jmp words tu,korang copy & paste coding kt bwh nie dkt atas coding yg korang search td

.showpageArea a { text-decoration:underline; } .showpageNum a { text-decoration:none; background:#FAFAFA; margin:0 3px; padding:3px; } .showpageNum a:hover { background:#FFFCAB; } .showpagePoint { color:#333; text-decoration:none; background: #FFFCAB; margin:0 3px; padding:3px; } .showpageOf { text-decoration:none; padding:3px; margin: 0 3px 0 0; } .showpage a { text-decoration:none; background: #FAFAFA; padding:3px; } .showpage a:hover { text-decoration:none; background: #FFFCAB; padding:3px; } .showpageNum a:link,.showpage a:link { text-decoration:none; color:#333333; }

CSS code kt atas ni korang blh modify ikut kesesuaian blog korang..tukar la iku color scheme blog korang yer.

6. Kemudian Cari lg coding ni --> Search (ctrl+f)

</body>

7. Copy paste coding bwah nie letak dkat atas yg coding korang search td..

<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=8; var displayPageNum=8; 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>

Kat sini korang blh tukar dua parameter..
var pageCount=8;
::nie bilangan post yg korang nk display per page (cth 8 post utk 1 page).
var displayPageNum=8;
::nie bilangan page yg korang nk display dalam satu page..(cth 8 page utk 1 page - 1 2 3 4 5 6 7 8 NEXT-)

8. Kemudian cari lg coding nie --> Search (ctrl+f)

'data:label.url'

9. Kemudian korang tukar max-results kpd nombor yg korang dah define dkt var pageCount

<a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' rel='tag'>

Haaaaaaaaa..
Now dah blh save dan view blog

Semoga Berjaya