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/AVvXsEjdQ8eSOvD70Ws10DoCLVTduxQIB7JnPwdDlPGrdX5JdaueKK9LDBe106pDWa7sXPrqJawerB6PNfznSXOzbBwy1d_5wbmeBrEsDr1r7yTxMOS4NQJAUmmQrDV6OGfNIKNSV3tlYEMtbxgq/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/AVvXsEgUiQ2LJ6shroB_Lk5-48hWp_NPugP_OpYP1dQyjEmsVkyhDcYUWCXAhJ6-G0jvysvpO70coqfEJACHZ0OFLhcD2QsKn_ZrpcpPPYwc0LbCUOxtLw6CYI8NbUHd8zW7dFwqwb_f49OG1Gmo/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/AVvXsEhJflVpiX2QjhQZP35VTcEmEVO72tjmIxP3pJGJsBrYxGUe4X6tiBSvQRvXL5XZEKD2UEEIPNEJaeH5BheRrWuTklSMvvWQN7mX3KWzSAvZPXYhusYtD1M367HFomRT4BqrKsoflXRL6qt5/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/AVvXsEg5vOTbhWJnJm0tbBR416p-ZyuOeb0VOFdwkXs3YuTDRyVKnbf4UpnwMo46WiYA_ad6mWAle7ytG_LR-E62hSCvOS3NGXccnGpWDjAA75-P5ieaQTHL44W79nsRDgTH1QdkAlMWdSs-OxFL/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/AVvXsEjwzXignc7Cu8akxY4owyLLInswxH3Ldy6uRTxtxMRiRg9EjeZ2HYNcHFQ2cSzlaQCTPGfnVxeg7xvM4MqNhVnQu-Oc_MD9SNBelCUWRAgO57FEwejpn856RBMM8b87PvOIIK-4RKni13i8/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/AVvXsEjfKDnn78EqI_cl3K1mmbi9LlqWRpJGX5tkolWcvQ4Ek9pfMIR-crFpt-nOxmqFTzqFjpRLffi8XNDXl55QPf2iU8WnFuIxcs3MSQV7iZ2RDQJhM_UErmgHupKu1VVQOOfI-emuBdryhRv8/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