TutorialBlog: Page Grid Numbering

Assalamualaikum and hi,

Ok . Lyssa boleh ajar dan bagi kod sebijik macam kat belog Lyssa ni . Kalau nak , boleh ikut step-step di bawah ni ye :

1. Dashboard > Template > Edit Html
2. Klik mana-mana dalam bahagian coding > Tekan Ctrl F serentak dan cari kod :

3. Dah jumpa ? Good ! Copy kod ini pula :

4. Paste di bahagian ATAS kod yang korang jumpe tadi .
**Boleh tukar warna ikut suka hati korang . html code boleh dapat DI SINI .
Tukar je nombor2 yang ada HASHTAG tuu . # tu kekalkan :p

5. Dah paste and tukar dah ? Good boy/girl ! Sekarang ni , klik balik mana-mana tempat dalam coding tu , tekan Ctrl F serentak dan cari kod ini :

6. Jumpa kan ? Copy kod ini pula :

7. Paste terus di bahagian ATAS kod yang korang jumpa tadi tu ...

WARNA MERAH NO 3 : boleh tukar untuk supaya bila orang klik page number seterusnya , akan keluar berapa jumlah entry dalam 1 page ...
WARNA BIRU NO 4 : boleh tukar berapa banyak number pages yang kita nak .
]]></b:skin>
#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }.blog-pager {background: none;}.displaypageNum a,.showpage a,.pagecurrent{font-size: 12px;padding: 5px 12px;margin-right:5px; color: #222; background-color:#F5A9E1; border: 1px solid #FF00BF;}.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#81DAF5;text-decoration:none;color: #222;}#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#BF00FF;} .showpageOf{display:none!important}#blog-pager .pages{border:none;}
</body>
<b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><script type='text/javascript'> /*<![CDATA[*/ var perPage=3; var numPages=4; var firstText ='First'; var lastText ='Last'; var prevText ='« Previous'; var nextText ='Next »'; var urlactivepage=location.href; var home_page="/"; /*]]>*/</script> <script src='http://helplogger.googlecode.com/svn/trunk/page-navigation2.js'/></b:if></b:if>


Source: Lyssa

Share your experience down below!