Tuesday, December 07, 2010

Tutorial : Cara Edit Butang Older Post, New Post & Home.




Tutorial Time !



Sesi mencantikkan blog ! Cantikkan blog anda dengan meng-edit butang older post, new post dan home kepada butang yang lebih menarik dan adorable = )







Kalau tukar jadi button, lagi menarik untuk di-klik klik kan ke gitu ? Jom ikuti tutorial dibawah !



Cara Buat Butang Older Post, New Post & Home :

  • Go to >> Edit Html
  • Download Full Template
  • Expand Widget Templates
  •  Langkah 1
  • Ctrl F dan cari kod pertama :
  • <data:newerPageTitle/>
  • Gantikan dengan kod kedua :
  • <img alt='Next' border='0' src='http://2.bp.blogspot.com/_cD71AEuzG7g/TP2nQUtEEMI/AAAAAAAAGZ0/JlHIoX3qVSA/s1600/next.png' title='Next'/>
  • Langkah 2 
  • Ctrl F dan cari kod pertama :
  • <data:olderPageTitle/>
  • Gantikan dengan kod kedua :
  • <img alt='Previous' border='0' src='http://2.bp.blogspot.com/_cD71AEuzG7g/TP2nSyUoncI/AAAAAAAAGZ4/u5PJ_IjlSTo/s1600/previous.png' title='Previous'/>
  • Langkah 3 
  • Ctrl F dan cari kod pertama :
  • <data:homeMsg/>
  • Gantikan dengan kod kedua :
  • <img alt='Home' border='0' src='http://2.bp.blogspot.com/_cD71AEuzG7g/TP2nUEQ8zPI/AAAAAAAAGZ8/NzCtDdKujMg/s1600/home.png' title='Home'/>
  • Save templates



Korang boleh gunakan kod image button seperti di bawah 


Contoh image Older Post, Next Post & Home Button :

 Next : <img alt='Next' border='0' src='http://2.bp.blogspot.com/_cD71AEuzG7g/TP2nQUtEEMI/AAAAAAAAGZ0/JlHIoX3qVSA/s1600/next.png' title='Next'/>

Home : <img alt='Home' border='0' src='http://2.bp.blogspot.com/_cD71AEuzG7g/TP2nUEQ8zPI/AAAAAAAAGZ8/NzCtDdKujMg/s1600/home.png' title='Home'/>

 Previous : <img alt='Previous' border='0' src='http://2.bp.blogspot.com/_cD71AEuzG7g/TP2nSyUoncI/AAAAAAAAGZ4/u5PJ_IjlSTo/s1600/previous.png' title='Previous'/>


Kalau taknak button macam kat atas, boleh la gunakan kod image button daripada sweetieshinez di bawah ni 


Contoh image Older Post, Next Post & Home Button :

 Next : <img alt='Next' border='0' src='http://i595.photobucket.com/albums/tt36/sweetieshinez/NewerPost.png' title='Next'/>

Home : <img alt='Home' border='0' src='http://i595.photobucket.com/albums/tt36/sweetieshinez/Home.pngg' title='Home'/>

 Previous : <img alt='Previous' border='0' src='http://i595.photobucket.com/albums/tt36/sweetieshinez/OlderPost.png' title='Previous'/>



Kalau korang tak berminat dengan button yang ini, korang boleh create sendiri button yang lebih menarik kat button generator di sini : Button Generator , Cooltext,  Mycoolbutton.






Credit : Blogspottutorial





 

Designed by Alieff Artwork