Salam to allz...
Pagi ni aku dengan mulia nya nak bagi kursus pada semua newbie yang tertanya-tanya macam mana nak buat 'page-navigator' kat blog korang... untuk yang guna blogspot tau... ini memudahkan pembaca blog korang untuk terjah entri-entri korang berbanding gunakan standand navigator, 'Newer Post' dan 'Older Post'.... ada faham??
Kalau tak faham juga, sila lah scroll sampai bawah lepas tu korang carilah nombor-nombor macam aku tunjuk dalam gambar kat atas dan test, try dan tengok.... bila dah pasang benda ni senanglah untuk pembaca blog korang pergi ke page-page tertentu... tak la menyakitkan jiwa dan raga diorang sebab asyik kena klik kat link 'Newer Post' dan 'Older Post' jer... Korang nak tak??
Caranya...
- Login pada akaun blogger korang lepas tu klik Design ==>> Edit Html
- Jangan klik kat checkbox ‘Expand Widget’ tu.. abaikan je kat dia, biar dia kecil hati.
- Cari (Ctrl+F) perkataan ni ]]>
- Lepas tu korang ganti perkataan tu dengan cara copy dan paste code kat bawah ni:
.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; } ]]></b:skin>
- Lepas itu cari pula (ctrl+f) perkataan ni
- Gantikan perkataan tu dengan code kat bawah ni
<!--Page Navigation Starts--> <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://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/> </b:if> </b:if> <!--Page Navigation Ends --> </body>
- Bila korang dah setel buat semua benda tu... save la apa lagi... lepas tu test...
Okiesss... Selamat mencuba dan tak faham jangan malu bertanya...
p:s/ credit to LoveJurnal