Monday, May 23, 2011

Tutorial : Floating buttons

Salam semua..!

hari nie,
nak SHARE  dengan korang semua, cara nak buat 
Floating buttons dekat Belogg korang.

BEFORE tu,
nak promote Belogg blogger yang buat TUTORIAL ney.

Nama owner belogg tu, Lyssa.
same age dengan den. theee..;DD

kalau korang nak taw, aku banyak follow dia punya tutorial.
and almost semua tutorial tu, menjadi. phewwhh..

so, jom nak ajar korang eh.
jap jap.!
korang taw ke FLOATING BUTTONS tu macam mana.?
floating buttons tu,
ghopenye macam ney ...

-
-
-
-


haaa.. comel kan..?

Okey. jom jom.!
ikut step by step taw.
**bak kata Lyssa..theee... :)**

1st step :
Log in > Dashboard > Design > Add gadget > HTML/Javascript

2nd step :
Copy code dekat bawah ney, then paste dekat ruang 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:140px; left:-12px;'>



<a class='linkopacity' href='http://www.facebook.com/LyssaDollixious' 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://twitter.com/LyssaDolly' 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://lyssadollixiouse.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>

**************************************************


3rd step :
oit.! xsettle lagi tu. lepas korang dah paste dekat ruang HTML/Javascript tu, korang tukar tulisan colour pink tu kepada korang punya LINK okey.

** yang tulisan colour merah tu, korang boleh ubah position buttons tu, from LEFT to   
    RIGHT.
** bagi yang colour biru pulak, nak kekalkan pon tape. kalau nak, just tukarkan LINK sahaja.

Okey. siap.!
cuba ya jangan xcuba.


** "Kredit to :Lyssa Secret.

Assalamualaikum..!
tak jawab dosa, jawab ...

SAYYYANNG AANNDDA BBERGGANNDA.!



Anda comment, anda super awesome.!

4 budak baek tengah komen :):

zacky ~786~ said...

waaa meanrik ~ thnks sudi share..

Anyez Nasri ツ said...

err err , dulu pasang , lepas tu , tuka layout , tk lawa sudah . haha .

Nur Adilla said...

zacky- most welcome. :)

ney pon still under learning process

haha... :))

Nur Adilla said...

Anyez- yeke.? tapetape. design yg sedia ada skrg pon akak tgk dah okey.

:)