Tutorial 1 - Floating Button

First time aku buat tutorial.  Ni pun disebabkan ada permintaan dari blogger lain ( SIS ).  So cuba la =)

 

<style type='text/css'>
    a.linkopacity img {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    -khtml-opacity: 0.5;}

    a.linkopacity:hover img {
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    -khtml-opacity: 1.0; }
    </style>

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

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


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


    </div>

biru- sis letak url sis. contoh: url blog, facebook, twitter, myspace dan lain-lain yang sis nak.

ungu-sis letak url gambar yang sis nak keyh.

p/s: kalau sis nak tak cukup dua button. sis tambah kan je code yang sama seperti di atas ni.

CHAIYOK !!! CHAIYOKK !!!! =)

---

dah baca??? Tinggalkanlah comment. Tengkayu =)

---