Di saat kita di landa masalah, Dia (Allah) ada disini untuk mendengar masalah kita^^
Mocha Machino
ABOUT ENTRY LINKS ASK.FM I ASK.FM II TUMBLR
MEMBUAT FLOATING BUTTON
•Friday, 6 July 2012•Comment Here
Membuat floating button ???
mesti korunk tertanyer-tanyer "floating button"tu aper...kan
maksud yang "Farzana" nak ckap nih sebenarnyer floating button untuk facebook, blog, twitter, skype dan banyak lagi lah...
macam gambar nih...

kalau dah paham boleh lah buat skarang ...


1. Sign in blogger > > Design > Add Gadget > Html/Java Script
2. Copy coding di bawah dan paste ke dalam Html/Java Script




<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='https://www.facebook.com/zanawani' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://2.bp.blogspot.com/-f1sKOT1c_h8/TVlbK4xSmHI/AAAAAAAAA4o/3rzgi6U3wY8/s1600/facebook1.png" /></a><br />

<a class='linkopacity' href='letak URL TWITTER KORUNK' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://4.bp.blogspot.com/-5LGPlA8BA1c/TVlbLhdXTKI/AAAAAAAAA4s/OfSrYe5BeRk/s1600/twett.png" /></a><br />

<a class='linkopacity' href='http://sitifarzanaiwani.blogspot.com/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='go to dashboard'><img border="0" src="http://1.bp.blogspot.com/-o_3gU2EWC5U/TVlbMc7Y0-I/AAAAAAAAA4w/Bhg2IbZh7Ac/s1600/blogger_64x64.png" /></a><br />

</div>
3. Tulisan warna merah ialah link url korang ( contoh, Facebook, Twitter ), dan link birulink url gambar/icon. Kalau nak tambah lagi button copy tanda ni je sebelum code </div>
left boleh tukar kepada right kalau suka.
# Ubah font warna hijau sekali 
4. Faham tak? dan SAVE je.


tak dilupakan jugak ..sebab aq baik sangat hari nih ...aq bagi korunk icon-icon untuk floating button korunk...Tapi korang jangan la letak semua benda ni..nanti serabut serabai pula. Letak yang penting je k..


http://1.bp.blogspot.com/-tpmuYty_yCg/TVlX5OwSzZI/AAAAAAAAA4E/-jLUOu1jVsA/s1600/blogger-icon-big.png

 http://3.bp.blogspot.com/-uh3ocOkbMAw/TVlX5p7MFhI/AAAAAAAAA4I/B2i8PqfvgPU/s1600/Facebook-icon.png

http://2.bp.blogspot.com/-_9k-0vJXPdY/TVlX8Q5Jm6I/AAAAAAAAA4c/PJp04NF-9ZA/s1600/TwitterIcon.png

http://4.bp.blogspot.com/-sgwOM_XXZA0/TVlX9nUIgFI/AAAAAAAAA4k/F9H3I7-c8Dg/s1600/youtube-icon-PNG.png

 http://4.bp.blogspot.com/-V-Ww-pHyPl8/TVlX7ViavnI/AAAAAAAAA4U/XUxdhWcnrbo/s1600/Skype.png

 http://3.bp.blogspot.com/-vOjQl7fw9VE/TVlX6Q4jPbI/AAAAAAAAA4M/uGWKG4nGisQ/s1600/Icon-Gmail.png

http://4.bp.blogspot.com/-rMkd6_kRc4M/TVlX81R2tsI/AAAAAAAAA4g/9BwGQsKnXio/s1600/yahoo_icon.png

http://1.bp.blogspot.com/-zi7st4AFR8A/TVlX7x8ElRI/AAAAAAAAA4Y/n-NS3_N6HWc/s1600/Tumblr.png

 http://2.bp.blogspot.com/-VH2sdFilWdA/TVlX6z6Z_kI/AAAAAAAAA4Q/PuoA-RSc9wU/s1600/myspace-icon.png
http://4.bp.blogspot.com/-ZpfG33C9Gtg/TVnrCiXDO-I/AAAAAAAAA40/TAI0X5eoHOY/s1600/formspring.png

Macam mana hasil? suka?..okeh nanti komen ye..
p/s : nak icon lain sila rajin cari sendiri..


Entry LampauEntry Baru
PERFECLY IMPERFECT
Mocha Machino
16 years old
I can never change my past,it already happend anyway. All I can do is make the best of today,let go and keep moving on
ADIOT

WALKIE TALKIE

Sila tinggalkan jejak disini
I'm here for you
Tiada jejak yang mencarut disini
TALK TALK ! ! >
Always Be Mine

MRS BANNER HERE
LE WEBKINGS



BLOG ARCHIVE

  • MEMBUAT ARROW BACK TO TOP
  • Cara membuat blog bersalji
  • MEMBUAT CURSOR
  • takde mood
  • καωαи
  • tertanyer-tanyer