Floting Button

Hello chingu(s)

Hari ni esya nak ajar korang buat tutorial floating button.

AMARAN:HANYA UNTUK PENGGUNA DENIM DAN TEMPLATE DESIGNER SHJ:)

Korang tau tak apa itu floating button? tak tau? Okayy esya tunjuk.

Credits : Jaja's

Ha ! Itu lah dia menda nya.. Okay let's start . 

/Bismillahirrahmanirrahim\

1. Dashboard > Design > Add Gadjet > Html java/script

2. Copy code 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='http://www.facebook.com/heymacookie' 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/schablogger' 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://www.blogger.com/home' 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. Paste kat html/java script
4. Save :)

Warna merah tu tukar dengan url korang (jangan pulak pakai esya punya). Biru korang boleh tukar dengan url image yang korang suka.Purple tu saiz dia,better jangan tukarlah .

P/S : Esya bagi cadangan agar korang tukar URL je,yang lain just leave it :)