Floating Button twitter,facebook,google for Blog

<style> .TNT1 { display: block; width: 64px; height: 64px; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht_LBvTt4GRHyQrl2RH4PktLuotFe06YxvV7fDGGJK69A0VayAYJD3edXpqBqUAJt-3Y4Z81QYNPi2Obkrby7BbDg0QoICK0zAD8-skepCuHzD7zbv9TSjpcULbcZxTdM0JERl2PW2A4Uk/s1600/Facebook+Icon.png') bottom; text-indent: -99999px; } .TNT1:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGai9GdeuW_TORDjWXVOWCP2kka2jmihUPL_FQ6IVUNZyCzuxxpi7icIq48IcUdjYq13d57A47s3MopoOZBUwme_bSMCFuuP1PQ2tvK_04-HDpsFM-ZhYTWCIEbgtzBCNmZIVT1iNCKP5Q/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/AVvXsEgB7SVCUhzBCt0fXDAOR_s1ibyv9BgR30HCBG2_E8uO4X-SUfErojvdOFzhVt2oKR9U1Da6YeIXmwGSvbjQhOf6751C5m1wOL3FY9sURndaiWE0Nqm-ZSWtAK0CeV6RcYUJabfhA-QTyfK_/s1600/Twitter+Icon.png') bottom; text-indent: -99999px; } .TNT2:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjEi0irFazbxUHM_b8ZbOTGVxYw7f87ys8cvwtNJKaDIkiY3i6jmOk0fL2qyIbOBaKLO_b0PZigHixCAWjbCULaKgajGxkFA0Kx3FKJj3iwf2c6wuQxY5cM-9hRKdS6zzw3TGjrVbg_2IX/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/AVvXsEjYxzE1yGlOoNLEjjKh4vdAXO4draxBJucPI-zXaCindHUNSCXsiGjKmUx8nyRi95-32KdSbSADU9go6yzJIl6cMtnKmpcTYwpfFZgTX5EQvZhclHqadOfXOVc8a3SoqmPTpFGF00f666XD/s1600/Feedburner+Icon.png') bottom; text-indent: -99999px; } .TNT3:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVnQ3j2JK5q3U0BWMZNReAC2CWMMkQwtNDtUwGwq5GnweW_d-aTjEyJy9oue1GNkkDMkSkzsUJsrIUECwAx9K_UJhotAfaax8ijIcdMxKpWH8B_pTt-ldLLBizw_BwAPGpuYU2B70aacgT/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/AVvXsEgIuZmdS3baUnfmIN1QQ7I4mCBJ575bWxPmC_vl2RB0P_sETFKR5G8BVnMSJD_xk3Eoh4bs_fni_lIFCsStdP6VzvF4Q63lkYKJRYG5w7wrEmZFr2zaaESoBPwBQ9lsnUMq69_pj1me_lOe/s1600/Google+Icon.png') bottom; text-indent: -99999px; } .TNT4:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFwvhcCTBdDQv556tPKjnrw0wlQTrdBAErxU7Sxj2sIQarOlXN_rFtDpc6yUxurUw8H5j0bRd6Zm88zbW7GxwF0JQ3-wBKPmO-2QXOzSEefs_4UucKabFxGaG8Keo8nt5JqQZAx0JC2k3h/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

sumber: http://galauan-suka-suka.blogspot.com/2013/01/blog-post.html