Tutorial Floating Button
Ahad, 18 September 2011
nak buat tuto floating button pulak la kali nih.. floating button yg nih untuk button FB , TWITTER , FORMSPRING or BLOG korang.. nak try?? jomm :D
first |
-copy code kat bawah nih
<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:140px; left:-12px;'>
<a class='linkopacity' href='http://www.facebook.com/mobileprotection#!/profile.php?id=100001767512480' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="URL button FACEBOOK" /></a><br />
<a class='linkopacity' href='http://twitter.com/#!/picesbellymich' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="URL button TWITTER" /></a><br />
<a class='linkopacity' href='http://www.formspring.me/mizsbellymich' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="URL button FORMSPRING" /></a><br /></div>
second |
-dah copy? taktau nak paste kat mana... okay, ikot sini !
dashboard>design>add gadget>html
third |
-dah paste? SAVE ! :D
-dah paste? SAVE ! :D
note : kaler merah yg aku highlightkan tu tukar dengan link korang okay.. n yg aku boldkan tu plak korang tukar dengan URL button korang..
boleh cari kat sini \SINI/
boleh cari kat sini \SINI/