Sosial widget terapung dengan effect yang menarik

Langkah 1

1. Login ke Blogger, Klik Layout :

2. Pada Elemen Halaman, klik Add Gadget di lokasi yang Anda ingin letak; 
3. Pilih HTML/Javascript;

Langkah 2

Copy kode dibawah ini dan letakkan dalam kontent yang telah anda buka tadi.

<style> .btsnts-flt-wdt{ position:fixed; right:10px; top:30%; } .btsnts-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; } .btsnts-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> <!-- btsnts.blogspot.com --> <div class="btsnts-flt-wdt"> <!-- Facebook --> <a href="http://www.facebook.com/jeritanblog" title="Join me on Facebook" target="_blank"><img alt="Join me on Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU-kI6XFP_AZYnqYiOPt4rmQyztlemJ35-Gm4rPWJPi1sQCPJsVGjxgnq038LZPp1JcrvKfDQSw8CtNUCKZrWjBJKQKuR13K53XmDxT-u1I_tGM-Y5ZRFX7-N9K68wiBHxaEZ7HnHcbog/s1600/facebook.png" /></a> <!-- Twitter --> <a href="http://twitter.com/jeritanblog" title="" target="_blank"><img alt="Follow me on Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsBn4EGPDTKD-eacmFBy7kBMhR381sMhumyD56ft7q3Fpde1QYLFd6nv37gLSOcpJHtnkwzL_MUbryZjSMBee03ya2zMIpHsl-lGpHxd6WGylzM32fu1oNFizfebXzcGSphrir_n2QE4c/s1600/twitter2.png" /></a> <!-- RSS --> <a href="http://feeds.feedburner.com/jeritanblog" title="Subscribe to RSS" target="_blank"><img alt="Subscribe to RSS" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbTnUd25fgcPN6cy1nSC3XuPXhfYR7BHhyphenhyphenrO1kneZ0a6261KeJrL1uBaB85cXlehajEQMUKWmrp1WaQelcYcgOTyqqRh8qhgQzv-_Pdu5rbMmhhEH452gUxUWx7ngRod1Aet3t7lwq6BM/s1600/Rss.png" /></a> <!-- Email --> <a href="Your Contact Page URL" title="Email me" target="_blank"><img alt="Email me" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhe-3RrdlTSUcVzxEkDNI2FOSIdlmnSzfnctzZ8OkXsNU6lahacbgZ-1QDGdpMJu3SzP_hwFWWtgZ1MdMk06-IXfaDVrCRQbfFCVyR1h2YtmVkp-oZ3oEFmyqQycVZvFZDbJhZN2G_FPU/s1600/Mail.png" /></a> </div> <!-- End -->



Ubah

•  Now replace http://www.facebook.com/jeritanblog with your facebook page url.
• Now replace http://twitter.com/jeritanblog with your twitter page url.

• Now replace http://feeds.feedburner.com/jeritanblog with your feed address.
• Now replace Your Contact Page URL with your contact page url.

Selepas itu klik Save dan anda boleh lihat hasilnya..




Video Tutorial