1. Login ke blog kamu.
2. Pilih Tata Letak > Add Gadget > HTML/JavaScript.
3. Copy kode dibawah ini.
<style> .TNT-flt-wdt { position:fixed; right:10px; top:36% ; } .TNT-flt-wdt img { float:right; clear:right; margin:1px; -webkit-transition: all .0s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .TNT-flt-wdt img:hover { -moz-transform: scale(1.2) rotate(6deg); -webkit-transform: scale(1.2) rotate(6deg); -o-transform: scale(1.2) rotate(6deg); -ms-transform: scale(1.2) rotate(6deg); transform: scale(1.2) rotate(6deg); } </style> <div class="TNT-flt-wdt"> <style> .TNT1 { display: block; width: 64px; height: 64px; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBjJWpOQD7I8atJAYnOrAz3B2fDfoXoqkhr5Rx5XbIsAnJZ0qn4gVKPiPtNAN9JjOEeg4pz2d3WXW3xOxFYsuxSlso6CX5Q84ZSqwna3xAFSgyB6hkVjLGrOzzsw9Dk3Nsp1qA3hs1S5SF/s1600/Facebook+Icon.png') bottom; text-indent: -99999px; } .TNT1:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEill5MJZOZv7uYamC6BH2ipW3xlNWq6hMMv5s3nTYoJm_KUBUAEBQv9OLLUwspJ5imqvjj0Arigxv1CRQQJpsu84OAyTRjT6UBM6-9mSJ1Gu4zrq7NYckpGRKFs5N4VDiKVQ83uf1dssGiB/s1600/Facebook+Rollout+Image.png') bottom; height: 64px; } </style> <a class="TNT1" href="www.facebook.com/BLAZERBLOG"></a> <style> .TNT2 { display: block; width: 64px; height: 64px; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaw42cxoYaktKSAFq2x-FXHvR_W8LQLHAZxTEpGzJuHpKAT5UtfK66Uk-wMGHZN9mZjlhyphenhyphenVuUKnJpBlfVtNHjVUexZGIdCymoPwO4r23SYG0MO5g1UsCEWzmh7-0TU4gAnvm03dqArMINp/s1600/Twitter+Icon.png') bottom; text-indent: -99999px; } .TNT2:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk9PjGqwaezu4YreZmWIxjaIob4BR5p_bdnQDy2bsQnulpDUvX3EmXSx-IuEb9IfqYxZxzuhllA6VhsvZnex5FrADTuEbTejQbMJpBcXOJenM5GKhEpNeZCnhbcSDslhw7cwq7P8KZ1-jG/s1600/Twitter+Rollout+Image.png') bottom; height: 64px; } </style> <a class="TNT2" href="https://twitter.com/blazer_blog"></a> <style> .TNT3 { display: block; width: 64px; height: 64px; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoTWRTW51KXXerahQOMaUMQ5VBPf-3Y35DWR_kZ9rK2y20hIun0W2tqsQ8YaLL_MFguUnUk1W4Y-56Xg6iiDoE1vedj6XHnWUClJdGgz6odK0O8MOc7eeL41VM6dRfVDJP36c40i4numH3/s1600/Feedburner+Icon.png') bottom; text-indent: -99999px; } .TNT3:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLIItsTNvtohuwb-CzUdtNLaW5hQ7nqQ6-4qhSEzySapMJu7gFjY2iPyPbdScmcM0uMg4VXh7AvACfwNhygFhZXJHdg6mWEMqObJtsDgM7C7Nli1dIUaWWW-6SnBAzqnmRVaPjfQxUR0VY/s1600/Feedburner+Rollout+Image.png') bottom; height: 64px; } </style> <a class="TNT3" href="http://feeds.feedburner.com/blazer_blog"></a> <style> .TNT4 { display: block; width: 64px; height: 64px; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSZ1-HAmUFYazxrpavNTYWxagORa7IPTDacRvCnp03woexQCc5LEJF0y8kqF0wEAU4bO7ocljd3kgvdkHsQ0WHb0K-OKzwiUieX-YHXpSyOVP1IJlQ7t3HLS0UWvxbunfhyl9ow19vmYJZ/s1600/Google+Icon.png') bottom; text-indent: -99999px; } .TNT4:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY0HO6ITifWq0oS9lo9tXxJMsB6OEo49Pz0m_0Y2R8m-rhNcrORdxY6gDMd_bLkA-vFWO3B-2N48VlaWfqeDMr0ulpx8ySYcweLIdCqmk-GmFzcZkS3snKICC1Y73T9s1XBA-FW2uK12QP/s1600/Google+Rollout+Image.png') bottom; height: 64px; } </style> <a class="TNT4" href="https://plus.google.com/114849896378202892510"></a>Ganti kode yang berwarna merah dengan username masing-masing dari Anda.
0 comments:
Post a Comment