Floating Button twitter,facebook,google untuk Blog
<style> .TNT1 { display: block; width: 64px; height: 64px; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1HdDR0-Tstj3lDLlUmJjOIGe_xzVVrgQzCpBh6bD0-bmMDVRxyBCiHuOnjsHmHYPLOlpdCsZN9Ux-uJ27nVzWkGDHUoipudTxb70F4JxSNb4jyz-vfYqHvjUo_fxse4DwSd2Y0-XS3QCZ/s1600/Facebook+Icon.png') bottom; text-indent: -99999px; } .TNT1:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6n2dZLleUSfjoZGaH_A9y7CRDZHBx6qUIPSdKe79s7awXNiuW6MqIsPRAs67zeI5WvNdRvz9MdNzHHidunfvYVwbG6TqnNLkyg-WzyolcCfSSj3Cvlja1eSoFksHxBg2qgf-JiUQgkIWF/s1600/Facebook+Rollout+Image.png') bottom; height: 64px; } </style> <a style="margin-left: 0px;" class="TNT1" href="https://www.facebook.com/devil.ryuk"></a> <style> .TNT2 { display: block; width: 64px; height: 64px; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidstbsTj2PljNVBpVjOwxTscc6xKwSb1JDSaFhkl9LDAOkUUeqxAuvOEaKkmYlwstHd6rPUcGUkbkEhyphenhyphenQItacNiisMU9rpHqFpVK_SZhMt8ftGw3HnBLhzaFJOm-mLCZ_Uv1jtcQCcxip2/s1600/Twitter+Icon.png') bottom; text-indent: -99999px; } .TNT2:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFS2Vz3cbLrMuKeSvyJ5WowIWwAgWYYGg4CEA9ZATMEDBhwPgtQFbFt6nva63vXVersKnMza-1kMPNbBALst5D3NF9CXz0DB0OwU3lwiBRbbhciPtV0A799JF3UwaAnEhDFCnDjsLBweUf/s1600/Twitter+Rollout+Image.png') bottom; height: 64px; } </style> <a style="margin-left: 0px;" class="TNT2" href="https://twitter.com/nheily_ryuk"></a> <style> .TNT3 { display: block; width: 64px; height: 64px; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEpA4aXH-4_aT_WOqyXc_jpesYWj2a5nIdg-6BR9dC2T3TiW6LmiBM_Pb-9QlhkSqGD7Jk0-TVFy-_s4Vcr_RyRknR-0_A2mXASAIVvKh0hoX0vWhjrm2X_zZkOzh7tc8ruDKEqLBdIiUA/s1600/Feedburner+Icon.png') bottom; text-indent: -99999px; } .TNT3:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnRBB8K2wR9_mgVHn_MSCS01ftwnRgMRElirdUKLRqnR-XysWXhkIcamb4QLR6D8pKXj_pUAd4qHJ3VMrzHe_gdxBgfHk7AhctcQOdxBpX1a93N-WrnHTjWK2NnDp60Arrl3yr0hsA_AjZ/s1600/Feedburner+Rollout+Image.png') bottom; height: 64px; } </style> <a style="margin-left: 0px;" class="TNT3" href="http://feeds.feedburner.com/feeds/posts/default"></a> <style> .TNT4 { display: block; width: 64px; height: 64px; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHj18VCRB3ovSbzI-srbjNc4RgIbiCdEwVht1zYct1xglSuBdIzvpuvel4mBIHzQRcIshitHjQXe2lgImGKs5zIapuF98ehyphenhyphenBxp66MvctJ9wkT_m_8XXlKoB5xNaC7EJIwF6chwOHERbCo/s1600/Google+Icon.png') bottom; text-indent: -99999px; } .TNT4:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijVxdaAR13HoAEEHi6ZPAMawZB_vjv9aeMqo8U0Ae0eJLsGlQn5uKvR_4D0_0okiEJiZbCFjSH1QjkBKBCgM01U1oIMjoBNPmJSsrB8rjkmdhX27vDgxCRYrTTdFlh-fxpLJE0IGNvThJP/s1600/Google+Rollout+Image.png') bottom; height: 64px; } </style> <a style="margin-left: 0px;" class="TNT4" href="https://plus.google.com/117219869961059734563"></a>
copy kan code diatas, ke kotak html/javascript
ganti teks berwarna merah dengan link kawan.. ntah link facebook, twitter atau google
0 komentar:
Posting Komentar