17.5.12

Tutorial : Cara meletak icon facebook, blogger dan twitter di side blog




salam and hye !


hari nie azza nak share ngan korang macam mana nak buat icon yang comel comel letak di seidebar blog, okay, nak belajar sangat kan? jadi, ayuh ikut apa yang azza suh buat nie okays :))


log in blog > dashboard> design > add a gadget >


di bawah kotak kosong tu, korang tambahkan code nie tauu, kalau tak tambah code nie tak menjadi okay, jadi, nie code dia .

<div style='display:scroll; position:fixed; top:250px; left:-12px;'>


<a class='linkopacity' href='<span style="font-weight:bold;">http://www.facebook.com/faniza1801</span>' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="<span style="font-weight:bold;">http://img.photobucket.com/albums/v486/mafiatrg/232.png</span>" /></a><br />


<a class='linkopacity' href='<span style="font-weight:bold;">http://zaza96.blogspot.com</span>' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="<span style="font-weight:bold;">http://img.photobucket.com/albums/v486/mafiatrg/blogger_64x64.png</span>" /></a><br />

<a class='linkopacity' href='<span style="font-weight:bold;">http://twitter.com/#!/azzafirza</span>' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="<span style="font-weight:bold;">http://www.twitter-icon.com/buttons/023.png</span>" /></a><br />


</div>



yang diboldkan tu korang tukar pada link korang dan link image yang korang nak guna okay :) seoga berjaya ! :)


Love,

53 Comment:

syoknya said...

nice work..

www.syoknya-download.blogspot.com

dilanamasaya said...

thanks !

Beben said...

salah itu penulisan kodenya...
coba tengok kode class=linkopacity!!! mana ada CSS yg tertuju kesana???
coba tengok lagi kode, span style? gak boleh didalam kode href itu penulisannya...hihihi
cek lagi dah
keep posting \m/

~cikgu ain~ said...

salam azza.yg link image tu utk ape?
then if i xde twitter,boleh buang x code utk twitter tu?
one more,nk add gadget ape?html code ke?

puteri ain said...

nice info..:)
thanks for sharing..:)

Azza Firza said...

@syoknya

tq

Azza Firza said...

@dilanamasaya

welc :))

Azza Firza said...

@Beben

hehehe, ini azza copy dari english tuto jugak kok :))

Azza Firza said...

@~cikgu ain~

wassalam.

boleh je nak buang link tu :)) yess, add at html code :))

Azza Firza said...

@puteri ain

welc

zurin shukri said...
This comment has been removed by the author.
zurin shukri said...

azza..da cube..tapi tak dapat pon :(

Azza Firza said...

@zurin shukri

anehh , hehh

zurin shukri said...

sure paste kat gadget html?

Azza Firza said...

@zurin shukri

laa sure laa ,

Farra Ayu said...

code kat atas tuh tak dpt nak copy ;)

Azza Firza said...

@Farra Ayu

tekan CTRL + C untuk copy dan tekan CTRL + V untuk paste ea .

missunguviolet said...

cana nak letak url pic pakai photobucket tuh ? adess ! pening ler

Nurul uNaz said...

thnx azza for the tutorial . already made it . yeayy . tapi tak boleh nak jadikan icon tu transparent , mean kalau mouse tuju kat icon tu baru nmpk clear . kalau mouse tak sentuh icon tu , nmpk mcm blur . nak mcm azza punye . sobs . =(

Azza Firza said...

@missunguviolet

cari yang HTML code

Azza Firza said...

@Nurul uNaz

yg azza pun bila mouse tuju pada icon tu baru nampak clear ygs :) hehe

cokelat athira moments said...

kenapa x jadi?

Zuwita Utari said...

ngepaste kodenya di kotak kosong mana yaa ????
Help T,T

Garlue said...

thx azza for this tutorial...

Azza Firza said...

@Zuwita Utari

kotak HTML

Azza Firza said...

@Garlue

wlcome, happy blogging yah :D

nur adriana said...

ta boleh copy pun akk syg

nur adriana said...

ta boleh copy pun akka comel

Azza Firza said...

@nur adriana

tekan ctrl + C utk copy okay syg :)

Nisa Najiha said...
This comment has been removed by the author.
Halimaton Saadiah Latip said...

tak jadi la

Hasbullah Hamzah said...

ok dh try..tq..

syafiqka yatim said...

tak boleh copy yg ni ker??

Mael said...

terima kasih!!
tq very much 1000x~~~
nak letak lagu kat blog mcam mner plak?? hehe ^^

AtiEN FaTien said...

knapa tak boleh copy niey..?
adess -.- susah la na ambk nie

~beautiful butterfly~ said...

okie i tak pas mcm ne ye nak buat.. plss need u help ):

AbuRayyan said...

Ok saya tengah senyum masa tulis comment nie. Now dalam keadaan tenang :D.

Hahaha mekasih banyak banyak azza, saya tengah nak generate facebook icon untuk blog saya nie, terjumpa plak blog azza.

senang plak nak ikut. cayalah!

Ohh Azza said...

@halimatun : try cuba lagi :)) boleh je buat.

Ohh Azza said...

sma sma hasbullah.

Ohh Azza said...

ctrl + C utk copy eh syafika :))

Ohh Azza said...

mael : tgk dekat tutorial ea :))

Ohh Azza said...

atien : ctrl + c utk copy okayy :D

Ohh Azza said...

butterfly : orang lain buat boleh jee :D

Ohh Azza said...

sama sama rayyan :D

AmoyCincai said...

menjadi~~ thanks...follow u..

Ohh Azza said...

urwelcome :)

muhammad zakwan said...

TOLONG ,,, KAT NER TERLULISNYE DESING? DASHBOR DAH JMPE . BENDE TU JE?

Ukhti Azza said...

desing ?

Anonymous said...

Eνeгy weekend i used to pаy a quick viѕit thiѕ site, as
i wiѕh for enjoyment, ѕince thiѕ this ωebsite conаtіons actually fаstidіоus funny
data toо.
Feel free to surf my website :: Otiscycle.com

Ukhti Azza said...

@Anonymous

:D

Siti Syazwani said...

salam akk , macam mana nak dapatkan link image ? h

Ukhti Azza said...

@Siti Syazwani

salam dik :) right klik > save link image :) then paste

zila manaf said...

mcm mna nak letak like fb kat eader ekkk

 

All Rights Reserved by Azah Rahaman