Tutorial : Floating Button

Hmm . . .

Tadi saya ada masuk blog seseorang ni ,

lepas tu saya tengok kat tepi belah kiri / kanan blog dia tak ada

button Facebook & Twitter.

Terus terfikir nak buat tuto cara letak icon FB & TW dalam blog .

Tak nak letak pun tak apa .

Tapi kalau korang nak Friend Facebook & Follower Twitter korang

banyak , boleh lah letak button ni .
Tak pun , saja - saja nak letak pun tak apa .

Ikut step kat bawah ni yea : )

( untuk button blog n youtube pun ada )

1 . Dasboard > Design > Add a Gadget > HTML/JavaScript

2 .  Copy kod yang kat bawah ni . 
( Untuk copy kod ,  highlight kod dibawah dan tekan Ctrl + C serentak )

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

<a class='linkopacity' href='http://facebook.com/AKAUN FACEBOOK KORANG/' 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/AVvXsEh54yalJ8JnjtSG8n3rQ0sogEEBYxExDy8P1L4j-Hv_2JSs1BTKdas248a95mdgiluKl48MT9uiWYq0L1jwEF6yvbJY65TAkYQgswDZqkZx4qhRx1f3sUHGnge0UT1OCKBIJqwYN9UGXnGT/s320/facebook.png" /></a><br />

<a class='linkopacity' href='http://twitter.com/AKAUN TWITTER KORANG/' 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/AVvXsEjOv9abJA2qq6OAuOXueORImtt3lgz6NsFzvhbVbg5RveAY8u6l115oCtCJgIXUZ4nt-sy5pJbvNXZ9bLYY2pkMZTfUKm4XbkiwJCDKQT_c_1fTSMEVPwElijwT_ko8GXksGh1u_PoJ08Qw/s320/twitter.png" /></a><br />

<a class='linkopacity' href='http://AKAUN BLOG KORANG.blogspot.com/feed blog' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9byIqvbXYlQKWnVEyCs4ZAvgGBfEBIP9ciR1hpWSlP0nWt7UNbmLMkm2YWr5GW5sct75JqsGcPQomVqgqL9aZ2G33PFrV2GKsk5A1Vfiyzy4SXdlaJ9usefC2bxjoTFbEkMGlyyHe38UZ/s320/feedblogger.png" /></a><br />

<a class='linkopacity' href='http://youtube.com/AKAUN YOUTUBE KORANG /' 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/AVvXsEgEDhl_Hp8QN2mqzQi4vkpc1t5zZLvZ0lhEEc6RwFEWWUST4wZNgjGjGMQrKE8I0ESBIXs8FTJtT2f-pfUoT1fMgAYCYK7zZolbdoJiR8HeCc0okdyFoBdexPZ4u8b0A9z62GvDHtqqM-NG/s320/youtube.png" /></a><br />

Yang warna merah tu korang

gantikan dengan akaun korang . Yang warna purple , korang
nak gantikan dengan gambar yang lain pun boleh .
Nak kekal kan pun boleh . Kalau nak letak belah kiri , 

gantikan right kepada left . Saiz , korang boleh tukar ikut 
kesesuaian blog korang .

Okey , dah copy dah ?
Dah tukarkan yang warna merah tu kepada akaun korang ?
Sekarang korang paste kod tadi kat rungan Content HTML/JavaScript .
SAVE !!
Mudah kan ? HEHE