Thursday, 8 November 2012

Tutorial : Flooting Button


hai hai :)
ok.. malam ni hujan lagi..
isha bukan duduk kelantan , ttp duduk KUALA SELANGOR !!!
tp , kenapa kat sini hujan.. ???

ok.. now.. tgh bosan. so nak ajar cara buat flooting button ..
tahu tak pebende bende ni ?
its like this

ni ada dekat tepi kiri blog isha ..
nak juga ?

lets do this tutorial !!!
follow this step !!!

1- dashboard -> layout -> add gadget -> pilih html/javascript 
2- copy code ni then paste kan ke ruang html tuh k :)
 <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='LINK FACEBOOK KORANG' 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='LINK TWITTER KORANG' 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='LINK BLOG KORANG' 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- save !!!

cer tengok blog korang... jadi tak ?

NOTA
pink tu , korang letak lah link2 ya.. kalau tak de twitter , boleh delete bahagian twitter tuh... 

biru tuh pula. kalau boleh kekalkan.. sbb imeg dia dah sesuai... kalau nak tukar pun boleh... 

purple tu pula.. ikut kesuaian blog korg k :) tp rasanya dah sesuai

hijau pula , kalau tak nak letak kiri , boleh tukar jadi right k 

=GOOD LUCK=


Thanks Sebab Baca Entry Isha . LIKE sikit and say Oyeah !

0 305 org comel komen ^_^:

Post a Comment