Membuat Widget Share Sosial Media Berputar

Membuat Widget Share Sosial Media Berputar - sebelumnya saya telah mengulas Membuat Efek Slide Out Tombol Share Sosial Media , pada kali ini masih dalam topik yang sama mengenai widget sosial media. Pada kali ini pada widget sosial media tidaklah menggunakan efek slide namun tetapi dapat berputar.

Live Demo :

Widget Share Sosial Media Berputar

Bagi anda yang berminat untiu menerapkannya berikut ini langkah mudahnya :

Membuat Widget Share Sosial Media Berputar

• Login keakun Blogger
• Pilih Layout/Tata Letak  » add Gadget
• Selanjutnya anda pilih HTML/Javascript
• Kemudian anda copy dan pastekan kode dibawah ini kedalm kolom tersedia

<style> #social a:hover { background-color: transparent;opacity:0.7; } #social img { -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; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center> <div id="social"><a title="Grab Our Rss Feed" href="YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitoF3wePNK5r2fNMRLpmBPQVFOWhraq2FpZytyjsBsr2if_sZ-aNexIvZnigjhQazq3jmYreB1OkM5RtL51558YxdHFJ3ZdjrT61v1Ho7f-CvTxfkz_-tNBALTnBMgQRVWwRQCx9z_wn32/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Get Free Updates Via Email" href="YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf2AUkFWwOoNPhjK3pxJKebnuLsCvG2hSxjJkQnGqGjRZOJE0sTjBY1jERfoqkCkknrp4KS2ciyYAr8qUm8nuQ0LdTa3ykW2ipO_UBl40Z5wBcYM8_QGwDwYRsBzywKbPEbEzBniuu1o75/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Like Our Facebook Page" href="YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZUkTt15xdVY1V9ItAbRba2imaR1auwXpoyBWFuCH2ineKqliL0N9tOohM3hNe5seU7iJNIZ_EGZ9daL83HiTY6tjf2Ere0AhLrYQcXEbkY6BOErSxy6DmL_JY-M14blvlISZE8rJkoxZj/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Follow Our Updates On Twitter" href="YOUR-TWITTER-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiucON2S4qSKlybStvASl-rqpdGaEec3abpFTSL3HWB3d6DvBygmH_YTdFYO8t6xIPkwa1hT4qiuPOPs8vsOVo4MSlbumHx9PQq_jB6vdtEhnyVQvfBYe6e1lwXEo-9NeVvRG1Uj5CTEZ5/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a title="Follow Us On Google+" rel="nofollow" href="YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3JLQfxTp_jR93a07vw_Go81w-46NzYXd7WhZg0L6I3jooCHmZ-ZzvAe3g-3vaxjlf1xA_JgGQy97fh5nCFd4_O9j6yCZnAQIucKQZKEGCNZfcrOFkdRYBUXA2Y8SMIqCWRW7n5cWlyLdp/s1600/GOOGLE-PLUS-48x48.png"/></a><a title="Follow Our Pins" rel="nofollow" href="YOUR-PINTEREST-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVNZDDVuFL40SuNoufqkEwq3nNuvDwQyOHpe12LZtsxi81ZfMPTlgTKjVK1GSFIHylJ3wmVuZ9G7M8e5wbIZRthBiflhb87bT3XaTyl6qHeT8vgFksbDAlP8zFq75JkkrIqDSe0jIo-Hvo/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a></div></center>

Note :
Pada kode yang saya beri warna merah anda ganti dan sesuaikan dengan Sosial media yang anda butuhkan.

• Simpan

Demikian Membuat Widget Share Sosial Media Berputar, dan jangan lewtkan artikel aak menarik lainnya. Semoga bermanfaat!

Share this post