Floating Button

Hola evelibady..!! Ha, apa yang yan dok habaq dekat ataih tu? Okay, floating button ni yang macam dalam gambar kat bawah ni *bagi yang blur-blur lagi tu*

Ha, nampak yang tiga button belah kiri tu,kan? Kebanyakkan blogger guna floating button tu sebab untuk memudahkan readers dan menjimatkan space.. So, camne nak buat tu? Jom cikedout bawah ni..!!

Step 1 : Log in blogger

Step 2 : Dashboard > More Options > Layout > Add A Gadget > Html / Javascript

Step 3 : Copy code dibawah dan paste dalam kotak Html / javascript tu tadi..

<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='URL FACEBOOK ANDA' 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='URL TWITTER ANDA' 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='URL BLOG ANDA' 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>

**** abc : Korang boleh ubah ikot kesesuaian blog korang..Yang left boleh tukar kepada right

abc : Letak URL FB, Twitter and Blog korang

abc : Korang boleh masukkan mana-mana url button yang korang nak atau korang boleh google je dekat mana-mana..

Step 4 : SAVE

SELAMAT MENCUBA ^_^

*** P/s: Kalau jadi, tolong credit yan yea sayangs.. TQ