Showing posts with label tutorial floating button. Show all posts
Showing posts with label tutorial floating button. Show all posts

Tutorial Floating Button

malam nie hana rajin taw nak buat tuto.
sebabnya... 

hana da nak balik MATRIK....
uwaaaaa~ tak nak balik.. raya jap je kowt.. 

tak pe la kn.. nanti bulan 11 blik umah balik.. hahaha.. 
* kalau korang nk taw ape tu floating button.. nie hana tunjukkan.. 


1- Dashboard>Design>Page Elements>Add A Gadget>HTML/Javascript.
2- copy code nie ep.


<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='url facebook'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='url twitter' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/432.png" /></a><br /><a class='linkopacity' href='url blog'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>

Nota Kaki :- warna biru tu, url gambar.. law korang nk senang.. cari dekat sini ep : gambar ajaib  
warna ungu tu pulak url BLOG, FB, TWITTER