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. 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
  3. 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
  4. nice info..:)
    thanks for sharing..:)

    ReplyDelete
  5. @Beben

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

    ReplyDelete
  6. @~cikgu ain~

    wassalam.

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

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

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

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

    ReplyDelete
  10. @Farra Ayu

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

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

    ReplyDelete
  12. 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
  13. @Nurul uNaz

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

    ReplyDelete
  14. ngepaste kodenya di kotak kosong mana yaa ????
    Help T,T

    ReplyDelete
  15. thx azza for this tutorial...

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

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

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

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

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

    ReplyDelete
  21. 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
  22. @halimatun : try cuba lagi :)) boleh je buat.

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

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

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

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

    ReplyDelete
  27. menjadi~~ thanks...follow u..

    ReplyDelete
  28. 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
  29. salam akk , macam mana nak dapatkan link image ? h

    ReplyDelete
  30. @Siti Syazwani

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

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

    ReplyDelete