Thursday, January 3, 2013

Tutorial : Put Home/Older/Newer Post With Icon

Tumblr_mftc4nphhr1qmiepro1_500_large

Assalamualaikum and Annyeonghaseyo. Hari ni Atin nak ajar korang letak Older & Newer kat dalam blog. Sebab ade sorang adik ni minta buatkan Older & Newer .. Tapi die tak nak tulis punye. dia nak bersama icon .. Ok2 Atin faham maksut tu haha...


Ini contoh nya.


                
 Dashboard > Template
 Press Ctrl + f serentak dan cari code </blogger>
 Copy code dekat bawah ni

<div style="float: left;"><a class="leposts" href=<$OlderPosts$>>
<img src="OLDER ICON" border="0" /></a></div>
<center><a href="URLBLOG"><img src="HOME ICON" border="0" />
<div style="float: right;"><a class="leposts" href=<$NewerPosts$>>
<img src="NEWER ICON" border="0" /></a></div>

 Paste di bawah code tadi
 Preview & save

      


DESIGNER            

 Dashboard > Design > Edit Html
 Tick Expand Widget Templates .
 Then , tekan Ctrl + F and cari code :
<data:newerPageTitle/>
 Tukarkan kod diatas ni dengan kod ni :
  <img src="NEWER ICON"/>
 Then , Tekan Ctrl + F lagi sekali dan cari code :
<data:olderPageTitle/>
 Gantikan kod di atas dengan :
<img src='OLDER ICON'/>
Last sekali , untuk buttom home pulak , korang cari :
expr:href='data:blog.homepageUrl'><data:homeMsg/>
 Gantikan kod yang berwarna merah tu dengan kod di bawah :
<img src='HOME ICON'/>



Preview & save

biru ; url blog 
merah : url icon order
oren ; url home 
hijau ; url newer

No comments: