Good night friends, after a few days I do not make posts, this time I will try to provide the social widget that you can attach to the needs of all social buttons on your blog, I love the name of this button How to Make Social Buttons 3D. Here below is an example of a widget Social Buttons Rotating 3D which I will share, for installation method is as follows:
- Log in to your account blogger
- Copy the script below
- Log in to the layout >> Add a Gadget >> HTML / Java Script
- Paste the code into the new gadget
- Save or Save and Finish
<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/AVvXsEgtJkmidTVJIE-56-CfyBIyCmfWuT_6M25gU-FWbRH92M2dcyei85N_NWAorMoLcHw8PtHTAP_N0UGA38Dgcx6B1XA6xCmyd4ns2lPikm5ghY-KPnM32RDAJzadj6Dsoau58V9HSMOugVuG/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/AVvXsEho9F4Y8Pw-wu5S8o0LWujDA7oQ5_bFzerRnL5-EQUzvQTltGshH_MjckWUtegN8cwO4PoK4iMpOMct5cX5AqYaBtiR6JLuEBOBXXDPLMorvlN9aQorh54B9JcOSJnx07YIQvRbRM-BQpai/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/AVvXsEg_kjkKdzaHSgcEhm5vYQpzCDdyOIeF2vvprwOqo3ieWH3t_MUreSqyWsjEmigPzZIO2CPrtBhJbfB_rFYrI-t2BDeTRPse7U8IBVfqrf4LDfxa8EecZHTuucB6X_Vvy-MWwilwPbhcEq1g/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/AVvXsEhpCV3_Q6T4Mjj264C-pykqpQq6P2U3uILi6fmhEuXxLD3W3zG3-_7qiKYtEErHAwUwBv-830e2cdcHpLIPITyLk21PqmLVFbbIrp9wig_pj1UEFwjwK_K6kyFxSYNi_5VRP03Un623ZLs9/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/AVvXsEiruiT6IAMLzsFQb6jP1IjYgPiZ27auNrrVjlOeCx3I8olGMuZYqEvLQ5TN0Dv1RtTmQj2EW6UdvyZU4XuCmQFq4PQfkYRvuiCZftKZVgdKa-2NlWYYe1peBocmMdLzuUR7Hn8lBzJDpCHn/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/AVvXsEj2KpO4xv8re7UgFnPVNIVHvD6ftrODb-iqkYRLtQCf2wLQPHMVmdOK6nW62y72omqF_RhgJU3V0NwsLSGeeBcxx1K8-awW6eVWduCKuOoyKM58B-fZXBI6ZOjpEmhrSQ6khowjoHNYbYnf/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a></div></center>
As with other social widgets, the sentence '' YOUR-FACEBOOK-PAGE-URL-HERE'' in this widget also should be replaced with the corresponding URL address, as well as the URL Twitter, Google Plus, and others so that if you click the widget It will go through the account according to the address. Oke... maybe I was just sharing about How to Make Social buttons 3D, Hopefully This article are helpful and useful, and thanks to everyone.