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,

54 comments:

  1. nice work..

    www.syoknya-download.blogspot.com

    ReplyDelete
  2. Anonymous6:58:00 PM

    thanks !

    ReplyDelete
  3. 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/

    ReplyDelete
  4. 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?

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

    ReplyDelete
  6. @Beben

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

    ReplyDelete
  7. @~cikgu ain~

    wassalam.

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

    ReplyDelete
  8. This comment has been removed by the author.

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

    ReplyDelete
  10. sure paste kat gadget html?

    ReplyDelete
  11. code kat atas tuh tak dpt nak copy ;)

    ReplyDelete
  12. @Farra Ayu

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

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

    ReplyDelete
  14. 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 . =(

    ReplyDelete
  15. @Nurul uNaz

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

    ReplyDelete
  16. Anonymous7:43:00 AM

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

    ReplyDelete
  17. thx azza for this tutorial...

    ReplyDelete
  18. @Garlue

    wlcome, happy blogging yah :D

    ReplyDelete
  19. ta boleh copy pun akk syg

    ReplyDelete
  20. ta boleh copy pun akka comel

    ReplyDelete
  21. @nur adriana

    tekan ctrl + C utk copy okay syg :)

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

      Delete
  22. This comment has been removed by the author.

    ReplyDelete
  23. Anonymous8:36:00 PM

    tak jadi la

    ReplyDelete
  24. tak boleh copy yg ni ker??

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

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

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

    ReplyDelete
  28. 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!

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

    ReplyDelete
  30. ctrl + C utk copy eh syafika :))

    ReplyDelete
  31. mael : tgk dekat tutorial ea :))

    ReplyDelete
  32. atien : ctrl + c utk copy okayy :D

    ReplyDelete
  33. butterfly : orang lain buat boleh jee :D

    ReplyDelete
  34. menjadi~~ thanks...follow u..

    ReplyDelete
  35. Anonymous3:56:00 AM

    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

    ReplyDelete
  36. salam akk , macam mana nak dapatkan link image ? h

    ReplyDelete
  37. @Siti Syazwani

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

    ReplyDelete
  38. mcm mna nak letak like fb kat eader ekkk

    ReplyDelete
  39. @zila manaf

    alamak. sorry tak tahu :D hehe

    ReplyDelete