When it comes to attracting attention to yourself on the internet, nothing does a better job than share buttons.
Whether its twitter or google plus, social media probably has a huge impact on your traffic. I set out to create an attention grabbing way to display buttons, and came up with this: a circle that expands revealing a bunch of Social Sharing Widget on hover.
This widget is created using Pure CSS3 and ShareThis social sharing plugin. This widget have 4 buttons: Facebook Like button, Google +1 button, Tweet button and main ShareThis button for more social sharing links.
Note: This Blogger Social Sharing widget animated zoom out feature will only work on latest Browsers and won’t work with Internet Explorer ( not tested with IE 10 ).
Add CSS3 Thread Out Social Sharing Widget In Blogger
1. Login to Blogger Dashboard > Design tab > Edit Html
2. Click on Expand Template widgets check box
3. Search for <div class='post-footer-line post-footer-line-1'> HTML tag
4. And Put Below Code immediately after it
5. Save your Template and Done!
The demo and post codes are same. You have to adjust this widget with your blog design ( how do I know your blog design look like ). No more customizations needed for this CSS3 Thread Out Social Sharing Widget CSS3 Thread Out Social Sharing Widget for Blogger for Blogger, but if you want you can replace ShareThis script with your regiestered ShareThis account script.
Once you’ve done that, save everything and check it out! Thanks for reading, and if you liked this little tutorial and socal sharing widget don’t forget to share. It really helps.
For more Blogger Widgets Click Here.
Drop your Questions & Comments Below.