16 Jan 2012

Letak Floating Button

Tutorial ni khas ditujukan untuk cik Shera ..
ok macam ni floating buttonnya..macam facebook,youtube,twitter dan sebagainya



ok first sekali  sign in -Dashboard-Design-Add a Gadget..then pilih HTML Javascript
lepas tu paste kan kod bawah ni dalam html javascript tadi
<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='Link Facebook' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="Url Image" /></a><br />
</div>
nak tambah lagi copy kod warna biru tu dan cuma tukar warna merah...lepas tu paste bawah kod warna biru jugak
kalau URL image boleh ambik sini.

http://i215.photobucket.com/albums/cc253/jordanknee/facebook-icon.png

http://i250.photobucket.com/albums/gg257/jerag26/twitter-icon.png




 

No comments: