IZZAHASHARI[DOT]BLOGSPOT[DOT]COM

Friday, 27 January 2012

Tutorial : Floating Button

Hey , tengah buat apa tu ??
Izzah nak kongsi ni !!

Tutorial Floating Button :)
Hehee .

Floating Button bentuknya macam ni :


Cantikkan huhuu .

Okay , 
Jom ikot step Izzah!!

1.Log in > Dashboard > Design > Add Gadget > HTML/Java Script.

2.Copy kod kat bawah ni , pastekan kat ruangan HTML/Java Script tu.








<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/nurulizzahstrawberry' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='Izzah facebook'><img border="0" src=" http://3.bp.blogspot.com/-uh3ocOkbMAw/TVlX5p7MFhI/AAAAAAAAA4I/B2i8PqfvgPU/s1600/Facebook-icon.png" /></a><br />

<a class='linkopacity' href='https://twitter.com/#!/izzahashari' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='Izzah twitter'><img border="0" src="http://2.bp.blogspot.com/-_9k-0vJXPdY/TVlX8Q5Jm6I/AAAAAAAAA4c/PJp04NF-9ZA/s1600/TwitterIcon.png" /></a><br />

<a class='linkopacity' href='http://izzahashari.blogspot.com/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='Izzah blog'><img border="0" src="http://1.bp.blogspot.com/-tpmuYty_yCg/TVlX5OwSzZI/AAAAAAAAA4E/-jLUOu1jVsA/s1600/blogger-icon-big.png" /></a><br />

</div>








**WARNA PINK=Tukar dengan Link korunk.

**WARNA BIRU=URL Gambar :)

**WARNA MERAH=Boleh ubah bagi kesesuaian blog korang . 

3.Jika sudah siap . Boleh la SAVE .

***Izzah ada sikit freebies . Kalau nak tengok design dia cantik atau tidak pergi kat cni > Freebies

-SELAMAT MENCUBA YAA-
Assalamualaikum .

0 Comments:

Post a Comment

LinkWithin

Related Posts Plugin for WordPress, Blogger...
This blog fully designed by IZZAHASHARI | Dont copy my tutorials or my entries ! | Alright reserved by IzzahAshari