Tutorial : Floating Button

 

fffuuuhhh ....sudah lama aq tidak update bl0g nie ...sudah bersawang lagi berhabuk ....hahahaha ...& sudah 1 bulan aq tidak bercerita dalam bl0g kesayangan aq nie ...0k ...pada hari ini ...aq akan berk0ngsi 1 lagi TUTORIAL ...dah lama tak buat tut0rial ...nie TUTORIAL FLOATING BUTTON ...macam gambar di bawah ...

ok aq akan ajar k0rang macam mana nak buat fl0ating butt0n nie...

1. l0g in > Dashb0ard > Design > Add Gadget > Html/Java Script

2. C0py k0d dekat bawah nie ... & paste di ruang Html/Java Script

 <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://URL FACEBOOK / URL FAN PAGE' 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://URL BLOG.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>

3. 0k belum siap lagi tu ...yang warna PURPLE / UNGU ...mengikut link faceb0ok / fan page y0u all ...kalau yang berwarna BIRU pula ...y0u all b0leh letak url bl0g masing-masing ...

4. kalau sudah siap ...apa lagi save la ...