hai alls..
terlanjur aku buat floating button tadi..aku pun merajinkan diri buat tutorial sekali
![]() |
floating button |
cara nak buat die mudah je..
1. dashboard > design > add a gadget > java HTML
2. copy and paste code dibawah ni dengan hati yang senang
<----------------------------------->
<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; right:-12px;'>
<a class='linkopacity' href='http://www.facebook.com/sampaicucuratap' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdShSiyjKcijqzDZk7IX0ukGcIV0d1xrJ3lupOaI0YhBJCAgwQF0rw_ZHt29r4ANCoV7kxNEnf2_dytR9FNhn5cWnhHOWWDwDyswtDHIPz70Qsj9A4LGneypNOmU2Rv_tGSAbzy5qdhHo/s1600/Facebook-icon.png" /></a><br />
<a class='linkopacity' href='https://twitter.com/sampaicucuratap' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMR7tW0UeBBxf_Y4GddR2Crnxe4uw59K8H9-19ASzO-Q0bdGjEGnhIDDg-5rTbGHwDqfckG9Axqb-VVyFJX2zYOgax7bps1MMVJpP_drw4pbQr9cknYJuPFFIyw7TvQAJvabCnjs5Wqmk/s1600/TwitterIcon.png" /></a><br />
<a class='linkopacity' href='http://sampaicucuratap.blogspot.com' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='go to dashboard'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO342641rS64IjmKC4ipP5aDzioHoqOabwE4Tiy8gzKBZ3xrJOa7Iu5Y6tKQaUqfNA36wovquOY4ReOGe4KDYlmPGaZQzInHAN0SrpJBJmTU1TMwzObsZB-vmkyaUsl_bLy_AoJljO5f4/s1600/blogger-icon-big.png" /></a><br />
</div>
<----------------------------------->
3. tukar code orange dengan url FB
4. tukar code hijau dengan url twitter
5. tukar code purple dengan url blog
6. kalau tak ada FB/twitter boleh delete satu perenggan code yang berkenaan (kalau tak ada twitter delete perenggan twitter)
7. code warna pink tu merupakan url gambar dekat floating button..aku rasa tak payah pening2 so tak payah tukar..guna gambar standard aje ok..macam gambar yang dekat atas tu..
dah siap ?
save dan view blog