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