|
MEMBUAT FLOATING BUTTON
•Friday 6 July 2012•
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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAsGDGS4JE9uz0EmW9tcF8f_i35n6qqrd42xbmrKPX2WtfafJPHayXHiSLxxkx1sNq7tjhJ_PcjEDtyRz1oOKe765RfBJpqtEgBaL28FKYrcQpGCA4RNik1AhzsevbdhPS3Q1-nkpmS7c/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAaowTm0I2IZdZQOnTMIKV8FgCyWBvy0dmMeh6BBgmquke7HtvHSCNJgwxjaOue0hRNQuhEtKIYoGnBRxHpr8r2QK37nJ7Ki39w99tt9YBsKJySK-vivrn337DZar867txf3ayGhY_X1c/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3ZardKKivOsNu80cGDNJ9AgUNL1NINqwVUrgqESQK5ALvGbJs1As4W9UuyJgisgaBF2PyJUHd9n88goCx3QF-6C9gEVE_jnJcfjR3I4y8Iuw-U3Q1d4772aOyuF-lShPDD4ytHecHxpA/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..
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFmXBJyxzu8n24yx7RTqcEfH9B1UygE00q51IWnn6oA9zyoAVPxNLoy-JXLxXqh41Hp0hOrInfNdEm8dAmIVOfT5Kqz_vf2T1NduGTB_Mjl0t8ukricuUCWmIRcq3MnuN_VygEI8V5YCQ/s1600/blogger-icon-big.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVOIASFMJRQlPVV3573wnbHt9DUsy6sFfT6LO6-9Avkbh2QO6jKZea3IDtf494FJQbxKRAnYNXc441W9P1AHlPHV73MowkjTt5Z8MKvveVOCwY7p2jm77XwhAMTyQd8sAbNQ99Z_jhdHE/s1600/Facebook-icon.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaegcAmRPCkebJWzq2LhRW9v3gEZSxPfOyFWP77qLk-TVxAvRv5wOPN92J4H5EknTo1BW67xF51KdOdXSakK9eUzUnq2E-GLaiwZ7WsFf7gredp-TfYgNKgdE0RdOe3hknr0BP-JJfSTM/s1600/TwitterIcon.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXDQOCNLxogwY4kyQUwWQyDAlvrgm1NeAiwlOLB7N_5KIsCGFv8d4A-Zr-2LKfzK0elUAbWJBVPe01kSVCfpIjkZyaHHFmEz8KDUU-bthtFIx8TBUzJCtS0a5Vgfpch7bj4wFbZXeK7gM/s1600/youtube-icon-PNG.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3zPhrnMX6nMWN60Y_iKWUpoa-Ji1_QgGitgmNuyzOKNBqj1hrZmNAwPvIcpxhHWsxeUbb7hpGG1ihbb7AQCVov_GCDk89tDNQzRl3IvTgTDGDYoqSJxq2qCqcjRYV0JJfTvDLUggYtDA/s1600/Skype.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLw4jVGNb9JAY817yKwy1pCpgO54IA3LXGUktPQeQY9nWz8VCoZrfoGb9p5G4-JF5_-lEBbB7Bhg7-WqyhMglldIjn8HQmKIfzgWTzpT39fhfp29kAIyIJYWoOXg_23ouu47e8TGEMXUw/s1600/Icon-Gmail.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs3zqq5EZLz0H_l3D8iFh5PD3urpMOp_85o3Unf0SoetDAjzNt2yb8yPO6TK21ec58iJWoQwogThqnRw6ftsclfxGNp3U0APYXqwc5NE19MXLngZ8kGIh1xFHEjRI7jgX2zI5znmOspI4/s1600/yahoo_icon.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh93w71ggQ3d2_-gg7Mu1d9WMlJetjU2Q1pnM3xH9X-eS3lLrCN7qbHzb5jCLVT5ZibwmUTjgQD7uK2gPFtuow2eyVgCbV6NRZDNck50JfDLhgY45UlYpa-0BPXaO8mA7ht41pu_VmzoAc/s1600/Tumblr.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlXRX_bnolf6px9Hr6Hgd8X0_chU2atfPkoQzj_v_Fyvm2q6OADDZXNC1sxJGZsXdQjLVqjxgL-wdm5pSr2jPxwM4zdALc9k8hq-LQeisD9FqHYK6Xb5oCzFlmCBNkf0rD6-u4ZAYTlbQ/s1600/myspace-icon.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1c-H31DUfQ-GppJY4NMiUgP_-8QMUbtUF7g_MWdV-YM7EYTF8rDANrGfpnpveGb4LIK_WJeH8XKGZchcqshriLQ9aUf_HvCGLRosHDVnNbp8jKinZPgg5DpzD8qsK4kcrTf3h4S4cE3U/s1600/formspring.png
Macam mana hasil? suka?..okeh nanti komen ye..
p/s : nak icon lain sila rajin cari sendiri..
Entry Lampau • Entry Baru
| 
.jpg)
Mocha Machino
Sila tinggalkan jejak disini
Tiada jejak yang mencarut disini
