p o t a e t o
STORIES PROFILE BIASES LINKS STUFFS NEWER OLDER HOME

Tutorial:::Floating Button!

hello peeps! salam~~
sebelum,,nida tido..nak bagi tuto sikit..
sebenarnya abang nida dah memekak nak guna lappy nie..
so,,nida kena buat cepat2!
hari ni nak wat tuto... FLOATING BUTTON!
yang macam gini ::

1. Sign in > Dashboard > Design > Add Gadget > HTML/Javascript
2. Copy code yang kat bawah ni ::

 <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='https://www.facebook.com/hanida.comel' 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='https://twitter.com/#!/nida_berry' 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='http://lolipop-x-chocolics.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. Yang warna hijau tu..tukarkan dengan link korang sendiri tau..
4. Warna biru pula..tukarkan dengan gambar yg sesuai untuk floating button..nak kekalkan pon boleh! :)
5. Warna merah :: boleh tukar left or right...ikut kesesuaian blog anda yerk!
6. Oke done...sekarang save! cpat view ade x!!??? kalau ade inform tau! :)

oke..papai~ mahu tido! assalamualaikum!
nak tido~ sebelum telinga nida ni berdarah dengar bebelan abang nida!
tatatititutu!

Labels:


Written by me at 7:07 AM | 0 XOXO{s}