Membuat Widget Sosial Media Untuk Blog

Buat agan-agan yang blog nya blm di lengkapin widget sosial media seperti facebook, twitter, google plus, pinterest, RSS feed dll bisa coba ini gan. Kalau menurut saya sih lumayan bagus, warna dan logo yang keren dan ditambah dengan efek logo yang memutar. Ini contohnya:

Lumayan keren kan gan, yang mau coba pasang silahkan ikuti langkah berikut: Buka blogger -> Layout -> Add Gadget kemudian paste kode berikut:

<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-RSS FEED-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp1tOyZ26bN3QsnTHk_CJahnI9WS4k2x5PY_q5ApIsjmCEaLN04dMj8Y1Gn1MUrLgF70W_VsDkDK_bf_pJAMch827MBaCfumw3OlwPNrKsKMQfbIuMe7bDJGtg2TW420s5uaObT4aRTnpa/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Get Free Updates Via Email" href="YOUR-RSS EMAIL SUBCRIBE-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwboRfYIlEgv_9fN8fqBPpIYwu0V7HbSWrYFldzfoevZr93fZ9htMF8oD3GXd1-eKkH0bWjv3NNcLTsbK1rearx6UTsoRCnfjyR5i0smH1spEgodjqzGJnhPfVr3Q5RFjqOl0G2ZXNKaWy/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Like Our Facebook Page" href="YOUR-FACEBOOK-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrecrDJbYKDHZIgWbj8G6mJuswQ-Hlao7n8ds4XuYzNgNWExrwtF9gSQ4x5DB0QaX44_UoObPPcqVanEl5JuzV8sLklqJBv1CCI5PaZhT_aMHra29R5li3EmqxvbYI0tPMVRu15qIKJkwP/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/AVvXsEg5cG8pcYbrKbMha8PWOkTeY3pcFzPTbZmn_tisI2d8Jn_kAHxFkCYtOPpAcR9EYSmG6FLmBokyoTXThpeGFDf9km57hOyQciJvxGii8RWoYeggk9eildP4iVdPPD8wBXmSEO5EOblRI7iE/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/AVvXsEiqliyyxWg0jDv9GsFhN-3kob8rOEKLRT6gsVudRzym6yVb8Y0-W4RJTWJiz78USvFG9aki_zaJmoJQ4H-3N2QsaT6fig7guBhlkhyphenhyphenbds1edEpyhcuClX7xjo-r0zTVr0S1xGHGAmv_YeUl/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/AVvXsEh3RFRxFsodX4yzGeFoxTrX7Si1on0-4VtAXasdNiH2bQOCZ-mtId-aeJtQLCcWm9mXzfE_phuru_okZCBhLccU-ZudhXEtmQ51md1kGYG6ZZv5FH3FUfEXhpwb7ooyFjjppRPS7s3haSAk/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a></div></center>

Selanjutnya ganti yang sudah saya warnai merah dengan URL agan sendiri, mudah dan cepat kan. Silahkan di coba