Tutorial Floating Button Untuk Cik Azira Nadia.

سْـــــــــــــــــمِ اﷲِارَّحْمَنِ ارَّحِي

I bukan lah handal sangat blogging. Yang boleh membuatkan i tahu something, i suka explore. Try and error sangat penting. Bukan buat sekali terus jadi. Search tutorial from orang yang dah lama blogging. So, bila kita dah tau sesuatu tu, orang tanya kita balik, janganlah kedekut nak bagi tahu and share kan.

Tadi kat Facebook, Azira Nadia, my bestie Shyda's BFF, tanya macam mana nak buat floating button kat tepi blog tuh. So here is the tutorial. Selalunya floating button tu adalah link untuk ke Facebook kita ke, Twitter ke or other social networking site. Boleh jugak letak chanel YouTube ke kan. Ikut sukalah nak letak apa pun.

All you have to do is :-
1. Login lah ke blog kamu.
2. Dashboard => Design => Page Elements => Add A Gadget => HTML/Javascript.
3. Copy code kat bawah ni;
*Ouh, btw, blog i tak boleh right click, so bila nak copy, highlight the codes then press ctrl+c.*

<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:220px; right:-12px;'>

<a class='linkopacity' href='http://www.maznizuhairah.blogspot.com/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='home'><img border="0" src="http://i897.photobucket.com/albums/ac178/redlicious_capsicum/Blogging%20Stuff/home.png" /></a><br />

<a class='linkopacity' href='http://facebook.com/maznizuhairah/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNR7aSqB2sHi1laKJOE5S26wBxNfuS2ZHAp33Mtn2I5blPVlaUEnnbIgikV9VD5EkyNtOC9AZVQfxH9yXmAX0ZkM4iOrRSGFN9WN2UtjhcMsbAwwahgevwqKZVqy4-3RuctXnoLKYkdPoV/s320/facebook.png" /></a><br />

<a class='linkopacity' href='http://twitter.com/maznizuhairah/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZlTXCUJh7LuECVlP8Oz06I5ayc1AnC0R9RgK7ItNPJQhHNHzuXeWA6aLUW18jCYPtwmYAhK0I-4KeWrfoAR-46YRyxHO-Y_4n0cMlq0fK6fo8H5UwVQTjhG72exPQMCo7Hi12S0s5FefC/s320/twitter.png" /></a><br />

<a class='linkopacity' href='http://http://www.formspring.me/maznizuhairah' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='formspring'><img border="0" src="http://i897.photobucket.com/albums/ac178/redlicious_capsicum/Decorated%20images/LogoFormSpring-1.png" /></a><br />

<a class='linkopacity' href='http://http://www.foursquare.com/user/maznizuhairah' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='formspring'><img border="0" src="http://i897.photobucket.com/albums/ac178/redlicious_capsicum/Decorated%20images/foursquarelogo-1.png" /></a><br />

<a class='linkopacity' href='http://gengblogger.com/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='geng blogger'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmRrTo8JtxzK7Wav4XY4-203Wyub4WR4HhPDvDYOC0olAkRZ4n4N7iwycyiqNwXhtaduwE5c-EQ-eIhtj7enLk08IMrxobIffuRBCClK06OcQceU9anKhCYP6JrLeJ_-8pAnp317YCBCTf/s320/icongb.PNG" /></a><br />

<a class='linkopacity' href='http://youtube.com/maznizuhairah/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='youtube'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC8wupJI6-iqbiR9elXiZVE9tKYG93HunUHnGlBgsOpCf1LkBq2xPQzRpeN1KW1z4mgktD4IIeaEcI3nkw0QpYxI9gJwTy3tiTNRoypUB0MVxdLbTB3qyQWi3-Ilr7KGNstvwEwMHhQRQI/s320/youtube.png" /></a><br />

</div>

Yang i highlight dengan warna biru tu, kamu tukarlah dengan link kamu ye. Ouh, kalau tak nak letak apa yang kamu taknak, just delete je. Katakanlah kamu tak nak letak YouTube, just delete satu perenggan tu je. Harap-harap, clear lah kot tutorial yang i bagi ni. Selamat mencuba Cik Ira! ;) Kalau tak faham bolehlah tanya dekat Facebook ye.

Love,