I have added previously how to insert Flat Metro Style Social Share Buttons with pure CSS. And also discussed some of tested plugin, that I have used. Currently i am using these flat metro social share buttons.
Previously I have seen in many recognized popular blog this social share buttons that appears on image after hover. I was searching for these. Its quite good. Now I have found these. It is from markerly.
Add Social Media Share Links on Image Hover
You will need to register at markerly.
First you will get option to choose your design. Select social media websites, colors, image sharing, text sharing and page sharing. I have added all. Some of these social media websites are image sharing only. Such as Pinterest and Add a comment. LinkedIn, Google Plus and Ever note are available for text sharing only.
You can see live preview of there appearance.
Below give your email address and you will get the code. Add this on every page where you want to show it. In between the < body >[your code here] </ body >tag
I have added it by Header and footer plugin.
Download and install Header and Footer from above link. Go to Dashboard > Settings > Header and Footer.
Copy codes and paste it in “Code to be added before the end of the page“.
Social Media Share Links Markerly Plugin
There is a plugin of markerly. If you just want to get rid of all hassals , just add the plugin.
This plugin allows you to install Markerly on your WordPress blog. It’s a social layer that sits on top of your content which prompts users to share when they engage with images, video, and text. You then will get analytics on the backend when you log into Markerly.
Download Official Markerly Widget
See here for more instructions.