How to Add Social Media Buttons in Blog

Add Social Media Icons on Blogspot

I was ever worried about social media buttons on my blog. I found many websites which are providing the same services but those are charging or were not exactly what was i looking for. I have researched a lot and found an HTML code that works perfectly on my blogspot blog. I have implemented this code one of my blogs and it is working perfectly there.

If you are searching exactly the HTML code for adding social media buttons on your blog, your search stops here. I share the exact HTML code for adding social buttons on your blog.

HTML Code for Adding Social Media icons on Blogger

Just copy the below code and paste it where you want to add social buttons in your blog.

<div class='widget-content'> <a href="http://facebook.com/example"><img src="http://i.imgur.com/a7gPJeK.png" width="40px" /></a><a href="https://plus.google.com/u/0/example/"><img src="http://i.imgur.com/PMPaOPR.png" width="40px" /></a><a href="http://feeds.feedburner.com/example"><img src="http://i.imgur.com/ls5KDN7.png" width="40px" /></a><a href="http://example.tumblr.com/"><img src="http://i.imgur.com/VE5pV5j.png" width="40px" /></a><a href="http://www.twitter.com/example"><img src="http://i.imgur.com/QW4LGHj.png" width="40px" /></a><a href="http://youtube.com/user/example"><img src="http://i.imgur.com/OX0ggsc.png" width="40px" /></a><a href="http://instagram.com/example"><img src="http://a3.files.theultralinx.com/image/upload/c_fit,cs_srgb,dpr_1.0,q_80,w_620/MTM4NjEwMTM1NDg3NDg5NDQ2.jpg" width="40px" height="35px" /></a> <center> </center> </div>

The above code arrange your social media buttons in horizontal (in a row).

Preview of social media icons look like the below image.

While copying the above code Don't forget to replace your social profile's username :)