Cara Buat Floating Button(Yang Facebook Shap Tu)

salam...

shap nk kongsi floating button untuk korang...

msti korang x tau per bender tu...

ni la...

 

ok paham

caranya camni..

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='http://www.facebook.com/fara.idola' 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/AVvXsEjbU4NAyuL6mpCb8c1xgu9oI88hwsBUAIS3yLlUvaCqIfJSU_yZZ0Adk6uSyuydo76JpH3hp-OsvCp_1q_LejdvL6pHshBGAAAFmTxPLY192eBQV9tp8HNpxJ8luRIAikAWv_Q4Ack7fjk/s1600/facebook1.png" /></a><br />

<a class='linkopacity' href='http://twitter.com/#!/fara_idola' 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/AVvXsEhLpDTEXFR9AJ4rkwjJTscQ5C53ipkvDZEvziMcZYBC1pTdNXY5hGVBvf3JvkAjxzG9b2v-L7gSwSq7PZ2Uj1K0YPQG2EWj6mT7CY8RjuyHQ-Ebh4kcHrWP2phUl_IwRQ2qgeUDKr_5hNI/s1600/twett.png" /></a><br />

<a class='linkopacity' href='http://bicarafarah.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/AVvXsEhdeUjTKUDO2QB3BJEqQgEZtDkhemqVeQ3V2qasfZtdg5vbMeKiQa82iCapfT-HX8-KW9KSeB9B_rUQ7ZyoUWv784b43gBkwTSVxTBh9ORhSWf-YvxZZqs0zr8vzk9GhVAZ_OwbvRLn2dQ/s1600/blogger_64x64.png" /></a><br />

</div>

3. Tulisan warna merah ialah link url korang ( contoh, Facebook, Twitter ), dan link biru link 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.


siap..hehe..


ni contoh icon

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCKyezNqkfV3PZHiVSrXoYh2-WUj908T-RWle12blHj6wYCwDE31A7NHPV_HFDa98X55b9vvwq1NRrsoiOSQs4RT9VaSWc-PzhOZh6ZXEPAGQcfV7b0Tz1nUWTmSgJkhUNpASY4sNS8s8/s1600/blogger-icon-big.png

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4NnXMDsr_J_Tqw48oPi0puP4shXemtZsjJF18E1OIusRAXbbIKY0SL0Yu661gcJXreRXEi31ymjnyOvvEpCQGCLCZZttbtha70NEK4-bM-QcuyAzFCtsk8hJWK5Y7NhKYtvTPcqtihUo/s1600/Facebook-icon.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL3FPNG4_NMSTZ_T6ncnARBE_DZgogK53bUxkcLtq3Ix0RfJQmjmEqrosbP7Z0NNb73sQMkguAzauO3sffHDymbjFqcOgY9H6REFxYLx0Kmi9CmOdkASUovBvTwetma432xYxg_XyloYU/s1600/TwitterIcon.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFvXgHblzX9O_P80ah2R9sFQd4-O62tan6Sy_q-wig9chmoJfK1hJbMDH7iR8z_B5f8E53LfYcLhwlYMK9MHtPW7L1CPMAMAuQC4_A7KF6LT7dcAdY9XF-CTn5YZ86_tZNFg_opKt95No/s1600/youtube-icon-PNG.png

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSK-ohHKgtM4b22JbHCdy82BdMl_fKIIV_pYCTYe6t1nOQtQTFU6KHslQ0CH3ifuEvqzOySGB0EmtsEstrZWjyAvoXd-CzVFggzwcw_Ml8IB0CsbCAGwxVDHVt9KeInlXmEGjncd0VDGc/s1600/Skype.png

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrzSoIcovywJYZCNgh0FOjlDT_7LZNgjc0t3OCIPyyeepfd9XS6drAkjFYa1dCmrHXDU7WQRIeT2kqgVkzzkvMeopEKSrALLe50fPhuAyBio8FCiP2ov3gINUMt1xj7nASmgGbVhakFh8/s1600/Icon-Gmail.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOZGuKQEIJM15Kazz-KmV4AOCfctf8oLr16xYr4h4OKAwxQpnbS265ClX46dujKZwtwK5RxK5AuFA1NC-5BkkHr9tbu8X9vw7J-xuD7DO-HgH9LHSnqySkCLhtIUD8yqWa1Kwnzw3RM_g/s1600/yahoo_icon.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVWTUrIejTKNOI9ryJ-IzEhGPBYRdxxnSZNbX2JinA5yU7oy7tS5g2QChrwIQ_BRau1k7SZWxpJHUI1ZHWPMwAIF7q11griNoGDWmVW_wb4SWRsknb9D7NPDlJh9AvF1v7H2wPWEFbtQs/s1600/Tumblr.png

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbsHhsLLhgFOPSGmlMQ1wAi7Ral_7EbHoC_qq_DUPSXwoYGcwsS7pvpN6ILn5cvxZneAA-WfOXuVz5DSAVPh7Y9cepW7pnUJ7DYZN0eGI_t71sztjIIuyNelkyGynajA1shN5UBRIosW4/s1600/myspace-icon.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEM6i4Li-10hBq6hjoly00hA4xgsx8L3WKoZ6sNP4h1OM-lK0sEJUaXErONoBTD09k5r5rvDu38sqfFPlOrlOsI7JV0JC2bP65I9sNdPa89CSSfrsM6G1S-2wviaMfCakQ_xTQXZVfyuQ/s1600/formspring.png

k


daaa....




credit by : farah