Macam Mana Nak Create Button

Assalamualaikum semua! Nina baru je add button NinazCakes kat tepi kanan atas blog. Senang kalau kawan-kawan nak letak logo NinazCakes kat Blog depa!

Kalau ada button tu senang sikit! Lebih "catchy". Senang nak copy. Tak ambil space sangat! Nina tulis nota kat sini sebagai peringatan untuk diri sendiri macam mana nak buat button tu! Kalau nak buat macam ni ya!

1) Cari gambar yang sesuai untuk dijadikan button.. Nina pakai logo NinazCakes dari Business Card je. Scan, edit pakai word document, tambah apa yang patut. Kalau pakai Picasa senang sikit. Download Picasa (klik kanan, open in new tab ya! karang hilang pulak blog nina ni hehe), cari gambar apa yang sesuai, make sure je Picasa tu dah terbukak, lepas tu print screen. Carik kat "Screen Captures", crop apa yang patut, save! Yelah.. kalau dah takde background IT tu mulalah buat ikut suka hati!

2) Upload kat Photobucket. Boleh register dulu! Free Saja. Bukan apa, bila dah upload tu boleh la dapatkan code HTML dia. Kalau dari komputer kita memang tak boleh la nak dapatkan code tu :D

3) Nina dapatkan cara-cara nak buat button ni kat sini.. jadi boleh copy dan ikut arahan kat sana. Mana aci ciplak letak kat sini kan! Ini nina ambil dari sana.. lagi faham step by step dia.

4) Pergi ke "Design" kat blog kita dan "Add a Gadget" lepas tu pilih "HTML/Javascript". Lepas tu Copy yang bawah ni, dan betulkan web address, blog title. Ini yang perlu di"copy". Tapi ini image je.. kena pergi link dia dan copy sendiri tawww!

tapi kena copy betul-betul!!! kena isikan web address betul-betul! Nina punya image alih-alih ada pulak tanda /"> kat tepi gambar tu.. jenuh nina terpaksa delete satu-satu nak trouble shoot mana yang silap huhuhuuuu. Pastikan yang berwarna-warni tu je ada tokok tambah. Yang lain tu tak boleh kacau langsung! Lain la kalau dah terrer merrer kan!!!

5) Pergi ke Photobucket balik, pergi ke image yang nak dibuat button tu.. pastikan kalau boleh resize ke 100 je. Kalau besar sangat.. siapa nak tempek button kita :D Click kat "HTML Code", dia akan flash "copied".

6) Pergi balik ke blogger kita balik, dan pastekan "HTML Code" imej tu ke ruangan "http://IMAGE WEB ADDRESS". Save dan voila!!! dah siap pun!!!

Kalau nak grab button Ninazcakes.. "Add a Gadget", pilih "HTML/Javascript", click je kotak kecik bawah icon ninazcakes tu .. paste kat kotak HTML/Javascript korang tu! Thanks in Advance tauuu!!!

Macam Mana Nak Create Button