Tutorial Floating Button

Ehem... ehem~ malamni krole nak jadi cikgu pula, bolehkah??? huhuhu ok-ok korang semua mesti dah perasaan kan benda kat tepi sebelah kiri blog krole ni kan??? hah~ itulah floating button namanya, benda ni berguna sangat terutama kepada blogger-blogger yang masih baru dan ingin mempromote blog mereka secara lebih meluas melalui laman-laman sosial yang ada dinegara kita sekarangni. Bukan itu saja, dengan meletakkan floating button ni didalam blog anda juga secara tidak langsung anda dapat lagi menambah kenalan dikalangan blogger diakaun sosial anda pergh!!! perkara ni memang terbukti benar!!! mana taknya benar sejak krole letak floating button ni kat blog bertambah ramai member krole di facebook dan twitter yang bestnya lagi semuanya adalah blogger yeah!!! so macam mana??? berminat tak nak ikuti tutorial krole kali ini, hehehe... ok sepeti biasa krole akan cuba buat tutorial ni sesimple yang boleh agar mudah dibuat dan berjaya dilaksanakan.

Step 1 :
-Login ke akaun blogger anda >>> Dashboard>>> Design>>> Add Gadget>>> HTML/Java Script.

Step 2 :
- Copy code dibawah ni dan paste di ruang HTML/Javascript.


<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/krole.mus' 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/kroleZONE' 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.krolezone.com/' 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>


*penting!!!
-yang krole warnakan merah korang tukar dengan link korang sendiri ya.
-yang krole warnakan hijau korang boleh kekalkan atau tukar, tu gambar icon button ya.
-yang krole warnakan biru korang boleh tukar atau kekalkan juga, tu merupakan kedudukan icon,left boleh tukar right.

Step 3 :
-save dan siap!!! yeah!!!


p/s : senang tak???