tutorial : buat floating button FB, Twitter dan lain2

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

kalau jadi ke tak jadi ke bagitau lah ye..selamat mencuba !

ok bai

---

awak kan baik..comment lah ye..like pun boleh..share lagi bagus

---