Wednesday, January 9, 2013

Button Blog

Okay, since mood I okay je hari ni, I decided untuk buat tutorial pasal button hari ni...

Button I ada kat tepi sebelah kanan tu, so ambik and letakkan kat blog korang k... :)

(add HTML java dan pastekan kod kat bawah tu terus kat atas sekali k :D)



Applying Blog Button

okay, camni caranya:

Cari pic yang korang suka and rasa kiut je. Sebaik baiknya, sesuai dengan korang punya header. (sepasang kan cute c;). Saiz dia pulak, lebih kurang 125x125 pixels. Kalau besar sikit pun takpe, asalkan boleh nampak je. Pic tu pulak, korang edit lah guna apa apa pun, guna 'paint' ke, 'photoshop' ke, guna online editor pun boleh gak. (I guna 'paint' je, senang :D)


Next, upload pic tu kat mana mana online photo gallery, Photobucket contohnya. (Tapi, kalau nak senang, buat post kat blog korang dan uploadkan pic tu ke blog korang, I guna cara ni sebab senang :D)
Seterusnya, korang sign masuk blogger. Dah masuk tu, pergi terus ke layout dan cari spot yang sesuai untuk letak button tu. (kat sidebar paling cun :D)




Lepas tu, klik 'add a gadget' kat spot tu dan cari 'HTML/JavaScript'. Klik yang tu.



Korang isi lah title yang sesuai macam 'Grab My Button' atau 'Grab This For Your Blog'
lepas tu, copy yang kat bawah ni dan pastekan kat dalam 'content' box tu




<a href="http://WEB ADDRESS/" target="_blank" title="BLOG TITLE"><img alt="BLOG TITLE" src="http://IMAGE"/></a>

<textarea id="code-source" rows="3" cols="13" name="code-source">
<a href="http://WEB ADDRESS/"><img border="0" src="http://IMAGE"/></a>
</textarea>



Gantikan WEB ADDRESS dengan web adress blog korang
Gantikan BLOG TITLE dengan nama blog korang
Gantikan IMAGE dengan URL pic yang korang dah uploadkan online tadi.

Lastly, Klik 'SAVE" dan view blog korang.


Got any question?

Tanya je :)

p/s: ni tuto first I, so kalau teruk sangat, harap diamaafkan k :)



No comments:

Post a Comment