Cara Membuat Sosial Share Icon Gaya Berputar Dengan CSS3

Oke, pada kesempatan kal ini Dicky's Blog akan menyajikan Tips Blog yang berjudul Cara Membuat Sosial Share Icon Gaya Berputar Dengan CSS3 | Walaupun Saya sendiri tidak memakai widget ini, tapi tetap saya akan berbaik hati menshare widget ini kepada sobat blogger. Sebenarnya widget Sosial share sudah banyak terpasang di blog-blog orang lain. Tapi yang satu ini jauh lebih berbeda dari yang biasanya. Sesuai judulnya yaitu widget sosial share bergaya berputar. Nah... widget ini adalah widget untuk memudahkan pengunjung atau anda untuk share post anda di Sosial Media. 
Diantaranya : Facebook, Twitter, Digg, Technorati, Reddit, dan Stumbleupon. Widget ini mempunyai efek berputar ketika di Hover atau Mouse Over. Jika sobat sudah tidak tahan dan penasaran, ikuti caranya dibawah ini :

Berikut Cara Memasang Widget Sosial Share Icon Berputar :

• Login ke Blogger, atau klik disini
• Tata Letak --> Tambahkan Gadget --> HTML/JavaScript
• Copy kode dibawah ini dan Pastekan ke kolom HTML/JavaScript

<style>p#hb_socialicons img { /* Spinning Social Icons Widget By Dicky's Blog*/ -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } p#hb_socialicons img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } /* Spinning Social Icons Widget By Dicky's BLog*/ </style> <center><p id="hb_socialicons"><a href="http://www.facebook.com/btsnts/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2V4LkFbiA-nQ3XETkD2uzb6WH6jVqMePumYoHHs1eGrr2u0ebH2D0Pc-hLfum-CnmOBFb_cnvyxfA_XvC1IvdpqgIK2fBs3y7xRJ3_KDNEU9vHxNbyUxY583ZxyaCVj6ND-e2ZtxFRWw/s1600/helperblogger.com-facebook.png" /></a> <a href="http://www.twitter.com/helperblogger/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWWMvRqp-2p8vFs_H18W53Ayk82wi9riueqQlNhX2pXnHSJHLxGGEgfBVRMHfPKwlcaVvHc34Cgn66wEQlka3kriltpV8WyHc1QKbzOxB7JIrmW7YTefuZNfXkVl05AuxLZXFS2Eb5bOE/s1600/helperblogger.com-twitter.png" /></a> <a href="https://plus.google.com/u/0/106527290580119996124"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbizH1HgAcsiifFjY4LJk6W_m7zw5H6YwINDawQsv3xBAzPHKwBE6Jhrjg4Q7FJ-9j9DKAwmJmnxfWRV6QnxBwwHl_E72TPLmbGPZLmR3pyhslUXpM_UKCxvdLMzWyChq4P3dETF-Dh0c/s1600/helperblogger.com-google_plus.png" /></a> <a href="http://www.feeds.feedburner.com/hblogger/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-WVlWDAvnAIZ-17RaIu5OTJdEVgT_pr6wveGCWLBw6W6MDosSRrVxov-WPrL1vJFDDV99WTLdKNl4_LxR0ls_-iaKh6lU07OdL5tU5xgKmO1sXYeK-lVFJlu14LI24F3Ep2vokkwBIus/s1600/helperblogger.com-rss.png" /></a> <a href="http://www.youtube.com/helperblogger1/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5ro1DEjQcJUuTcYYpIISdSLLVtHeeI7sgPfypJRnPfE9LSaMYQWQZrDbDMLqYbrfykykMtMOFy5D2Xz0sg_Ho0VOuTJpbv5Tis38E_sr_TUE3N5ldOSqPvys1gSVaWEqAhSPkZ0jpuAU/s1600/helperblogger.com-youtube.png" /></a></p></center>

Semoga Tips Blog yang Dicky's Bagikan bisa bermanfaat bagi sobat Blogger...