Cara Pasang Floating Button


Langkah-langkah membuat floating button:


1. Sign blog anda
2. Klik Design.
3. Klik Add a Gadget.
4. Klik HTML / Javascript.
5. Copy kod dibawah ini, paste pada kotak HTML / Javascript.


<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:240px; right:-12px;'>

<a class='linkopacity' href='http://facebook.com' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://images-1.findicons.com/files/icons/858/icontexto_inside/48/icontexto_inside_facebook.png" /></a><br />

<a class='linkopacity' href='http://twitter.com ' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://images-2.findicons.com/files/icons/1585/page_peel/64/twitter.png" /></a><br />

<a class='linkopacity' href='http://myspace.com' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='myspace'><img border="0" src="http://images-1.findicons.com/files/icons/858/icontexto_inside/48/icontexto_inside_myspace.png" /></a><br /></div>


6.Save, Kalau rasa tak cukup 3 button, nak buat 10 button pn boleh..huhuhu, hanya tambah kod dibawah ni dan edit teks warna ungu..:p


<a class='linkopacity' href='http://myspace.com' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='myspace'><img border="0" src="http://images-1.findicons.com/files/icons/858/icontexto_inside/48/icontexto_inside_myspace.png" /></a><br /></div>

Nota : Teks warna biru ketinggian, teks warna putih kedudukan button di right or left, teks warna merah link akaun anda, dan last teks warna kuning url icon.

Dibawah ini da beberapa icon..:p

facebook



Twitter





Myspace




Kalau ase xske icon ni..leh cari kat sini dan sini..:p

2 comments:

wiwin91 said...

love it!! thanks mrul :)

mrul said...

wlkm..post yg pling rjin uat..ciap ltk icon bnyk2..huhu tp npe wiwin xtkr link fb?

TinGaLkan Jejak