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

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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_x2EM0hSYVaPUGfT1n7BYsH11wwLRrFqgh9I9V-JdNrzCbvICgJq-3yYlx9UmvC2yvR4bLUT-PhTJsxIHRzirgCyqeRYeexjA0jlr8RPJtbD-S2Qjt2Rikh2vUhH-gDWUvum_-UgAPqQ/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXVk2DfSR7BlsuskkOeLnYGAPTf3Z53WkZLKT3JUaNKt_b9M7IPS2jDV4Dnl1Ma7DX8SvN4cDHnIVAHpqpzvhoIYgVhCesODztlFJXUk21Vq4aOcK3YHxd9RAD33YAHT9-7I3b_Sz7kZI/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6MFaqxZ5XDdinjIZDUFj8KsCY86uWIJtSMKwvU29TWgdWQpZBYb2AHk9qbHUjmq-YmR29rTqJitDVfpk1EMCG6IKArqPOKUAmHKs5LY1wpWihtMReZOEXEpAKbdNBGw9DRlvdSPz21gE/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_x2EM0hSYVaPUGfT1n7BYsH11wwLRrFqgh9I9V-JdNrzCbvICgJq-3yYlx9UmvC2yvR4bLUT-PhTJsxIHRzirgCyqeRYeexjA0jlr8RPJtbD-S2Qjt2Rikh2vUhH-gDWUvum_-UgAPqQ/s1600/next.png' title='Next'/>

Home : <img alt='Home' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6MFaqxZ5XDdinjIZDUFj8KsCY86uWIJtSMKwvU29TWgdWQpZBYb2AHk9qbHUjmq-YmR29rTqJitDVfpk1EMCG6IKArqPOKUAmHKs5LY1wpWihtMReZOEXEpAKbdNBGw9DRlvdSPz21gE/s1600/home.png' title='Home'/>

 Previous : <img alt='Previous' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXVk2DfSR7BlsuskkOeLnYGAPTf3Z53WkZLKT3JUaNKt_b9M7IPS2jDV4Dnl1Ma7DX8SvN4cDHnIVAHpqpzvhoIYgVhCesODztlFJXUk21Vq4aOcK3YHxd9RAD33YAHT9-7I3b_Sz7kZI/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.

= G00D Luck =

---

Terima Kasih Kerana Sudi Jenguk Blog Si FarisQ Ni .. Follow Saye Tau ..

---