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 :
Bagi anda yang berminat untiu menerapkannya berikut ini langkah mudahnya :
Membuat Widget Share Sosial Media Berputar
Note :
Pada kode yang saya beri warna merah anda ganti dan sesuaikan dengan Sosial media yang anda butuhkan.
Demikian Membuat Widget Share Sosial Media Berputar, dan jangan lewtkan artikel aak menarik lainnya. Semoga bermanfaat!
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/AVvXsEjW9u7dxuX3KtSzoVN48Kki10kEyQd4W0OzO7pPbpWzkHKLEtzMghJ8GF_YkSZ_n00qgacL4oYc1Enk5f8WkVVY3ILH-zHyzshmO-zvKbvsOI_dTtOIB7nyCg04DLu8jMNZysl6r2f_53Nx/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/AVvXsEhAnDZdlMXijd4o9yuTV9qwebSdhA5hAJdF66aY30kgYGCuP0ng5Qldn5oDVuUJv_sL9TUXjwkpIxHoHJzXM4cK80Y3vsAMdz57o_FHmCDGCkQZjPdymlEvA8SsiM2QIEzxxBQ2FU6VL3gW/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/AVvXsEhGx5EqVEgCOBHmS-WrbkZg9-r1Q7cKhoTRsoTYRkXR5aZx_apwK6FDIcw8iz8N-I2LZZ3vKz5YbCmFwA-ECBAy3v7AY41u8RsFqO-zGMGE07_iGZLV03MVFxIwWCcSL0Hd4CiQtCwk6mph/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/AVvXsEjt6rdBv0a8QFcRdT3pxPrJbrvopMeO7n56Xc1V8lF1AfENDrswH7QIVg0S9olcGfCKlAvB2GqtOIZP6UGXUCosQuk3q5B5fBTqlQGfJBa-yAZcQUpIg6cNzMicxvhuk0ndBiyU2zaUoo3R/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/AVvXsEibmilztihZdVu4uGrRBdp80lqpJHK0CutmGFFVGSFh_8kf3TC5kS02n8pVNLWxdFPj1EIOC_jnfqUUrmpghwHe1f-f7w5zZiJ7pCebT1zbT4RvnnJuVvKbQUfnhsasTfUYBD36epnH3qhz/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/AVvXsEh1dj_JtJ9GHhQOkp-dOzySxNFEm17urTzeihZGw-f4xhN4ve65diHkTZ7oWKPczRlLnOG51HE-M2JxMa91aCH8QwA7ieVsJ4PjFnpaMc1d4-Yrvgpg9feQXjX8lyqmeyONs1HJEb_RVAe3/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!