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

May 17, 2012



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,

Post a Comment

54 comments:

  1. infoFebruary 15, 2011 at 5:42 PM

    nice work..

    www.syoknya-download.blogspot.com

    ReplyDelete
  2. AnonymousFebruary 15, 2011 at 6:58 PM

    thanks !

    ReplyDelete
  3. Beben KobenFebruary 15, 2011 at 8:22 PM

    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. ~cikgu ain~February 15, 2011 at 11:30 PM

    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. puteri ainFebruary 16, 2011 at 1:06 AM

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

    ReplyDelete
  6. Azah RahamanFebruary 17, 2011 at 6:01 PM

    @syoknya

    tq

    ReplyDelete
  7. Azah RahamanFebruary 17, 2011 at 6:01 PM

    @dilanamasaya

    welc :))

    ReplyDelete
  8. Azah RahamanFebruary 17, 2011 at 6:01 PM

    @Beben

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

    ReplyDelete
  9. Azah RahamanFebruary 17, 2011 at 6:02 PM

    @~cikgu ain~

    wassalam.

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

    ReplyDelete
  10. Azah RahamanFebruary 17, 2011 at 6:02 PM

    @puteri ain

    welc

    ReplyDelete
  11. zurin shukriApril 22, 2011 at 4:46 AM

    This comment has been removed by the author.

    ReplyDelete
  12. zurin shukriApril 22, 2011 at 5:00 AM

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

    ReplyDelete
  13. Azah RahamanApril 22, 2011 at 12:55 PM

    @zurin shukri

    anehh , hehh

    ReplyDelete
  14. zurin shukriApril 22, 2011 at 6:20 PM

    sure paste kat gadget html?

    ReplyDelete
  15. Azah RahamanApril 23, 2011 at 10:22 AM

    @zurin shukri

    laa sure laa ,

    ReplyDelete
  16. UnknownMay 2, 2011 at 11:27 AM

    code kat atas tuh tak dpt nak copy ;)

    ReplyDelete
  17. Azah RahamanMay 6, 2011 at 6:21 PM

    @Farra Ayu

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

    ReplyDelete
  18. SomeoneMay 12, 2011 at 10:45 PM

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

    ReplyDelete
  19. UnknownJune 5, 2011 at 10:02 PM

    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
  20. Azah RahamanJune 7, 2011 at 3:32 PM

    @missunguviolet

    cari yang HTML code

    ReplyDelete
  21. Azah RahamanJune 7, 2011 at 3:33 PM

    @Nurul uNaz

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

    ReplyDelete
  22. Ellisya AthiraJune 26, 2011 at 8:44 PM

    kenapa x jadi?

    ReplyDelete
  23. AnonymousAugust 18, 2011 at 7:43 AM

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

    ReplyDelete
  24. ShandyAugust 26, 2011 at 1:22 PM

    thx azza for this tutorial...

    ReplyDelete
  25. Azah RahamanAugust 28, 2011 at 5:44 PM

    @Zuwita Utari

    kotak HTML

    ReplyDelete
  26. Azah RahamanAugust 28, 2011 at 5:45 PM

    @Garlue

    wlcome, happy blogging yah :D

    ReplyDelete
  27. ethimusOctober 7, 2011 at 1:02 AM

    ta boleh copy pun akk syg

    ReplyDelete
  28. ethimusOctober 7, 2011 at 1:02 AM

    ta boleh copy pun akka comel

    ReplyDelete
  29. Azah RahamanOctober 13, 2011 at 3:41 PM

    @nur adriana

    tekan ctrl + C utk copy okay syg :)

    ReplyDelete
    Replies
    1. UnknownOctober 30, 2012 at 2:07 PM

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

      Delete
  30. Nisa NajihaNovember 9, 2011 at 9:59 AM

    This comment has been removed by the author.

    ReplyDelete
  31. AnonymousNovember 16, 2011 at 8:36 PM

    tak jadi la

    ReplyDelete
  32. Hasbullah HamzahNovember 18, 2011 at 11:47 AM

    ok dh try..tq..

    ReplyDelete
  33. safiqka yatimNovember 18, 2011 at 3:17 PM

    tak boleh copy yg ni ker??

    ReplyDelete
  34. Ang-2December 19, 2011 at 11:50 PM

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

    ReplyDelete
  35. Fatien Fifian'sDecember 27, 2011 at 2:47 AM

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

    ReplyDelete
  36. UnknownApril 15, 2012 at 4:24 PM

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

    ReplyDelete
  37. AbuRayyanApril 21, 2012 at 9:36 AM

    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
  38. Azah RahamanMay 5, 2012 at 11:29 AM

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

    ReplyDelete
  39. Azah RahamanMay 5, 2012 at 11:29 AM

    sma sma hasbullah.

    ReplyDelete
  40. Azah RahamanMay 5, 2012 at 11:30 AM

    ctrl + C utk copy eh syafika :))

    ReplyDelete
  41. Azah RahamanMay 5, 2012 at 11:30 AM

    mael : tgk dekat tutorial ea :))

    ReplyDelete
  42. Azah RahamanMay 5, 2012 at 11:31 AM

    atien : ctrl + c utk copy okayy :D

    ReplyDelete
  43. Azah RahamanMay 5, 2012 at 11:31 AM

    butterfly : orang lain buat boleh jee :D

    ReplyDelete
  44. Azah RahamanMay 5, 2012 at 11:31 AM

    sama sama rayyan :D

    ReplyDelete
  45. RohainahMay 8, 2012 at 8:23 AM

    menjadi~~ thanks...follow u..

    ReplyDelete
  46. Azah RahamanNovember 3, 2012 at 11:26 AM

    desing ?

    ReplyDelete
  47. AnonymousNovember 4, 2012 at 3:56 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
  48. Azah RahamanNovember 10, 2012 at 9:26 AM

    @Anonymous

    :D

    ReplyDelete
  49. UnknownDecember 27, 2012 at 9:25 PM

    salam akk , macam mana nak dapatkan link image ? h

    ReplyDelete
  50. Azah RahamanJanuary 20, 2013 at 6:05 PM

    @Siti Syazwani

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

    ReplyDelete
  51. UnknownJanuary 25, 2013 at 12:23 PM

    mcm mna nak letak like fb kat eader ekkk

    ReplyDelete
  52. Azah RahamanSeptember 9, 2015 at 2:56 AM

    @zila manaf

    alamak. sorry tak tahu :D hehe

    ReplyDelete

Subscribe to: Post Comments ( Atom )