Pages


Tutorial : Floating Button

Views
  Assalamualaikum. Ting Tong ! Ada org tak ?
Okay , pada jam ini , aku ingin berkongsi dgn korang mcm mana nak buat Floating Button . Apakah ? Okay , floating button tu ialah Butang yg terapung . Heheh . Floating Button tu , button Facebook dgn Twitter yg mcm dkt kiri blog aku ni . Okay , semua lihat ke sebelah kiri kat atas . Ha , nampak tak ?
Soo , aku nak ajaq bagaimanakah caranya nak buat nate tu bgi mereka yg tidak tahu membuatnya .

1. Log in > Dashboard > Design > Add Gadget > Html/Java Script
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/fazatul.nadia' 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/#!/BedahDiSini' 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 />

</div>


3. * Ehhh2 , belum siap lgi . Tulisan yg berwarna Purple tu , korg tukarkan dgn link korang kay ?
    * Tulisan yg berwarna Merah boleh ditukar mengikut kesesuaian blog korang . Left boleh tukar menjadi right . Tpi kalau taknak tukar pun takpe :D

                                                              ~DONE~
                                                    -Selamat Mencuba-
#Sebarang comment boleh dikemukakan di Facebook atau Twitter aku okay ? :)
THANKS FOR READING

Copyright@Segala yang ditaip di atas adalah hak milik NadiaOSM