Blogger Tutorial: How to Add Social Icons to Your Blog

Are you trying to figure out how to place some social icons into your blogspot sidebar? I have just the tutorial for you.

Blogger Tutorial: How to add social media icons to your blog. It\'s pretty easy to do.

The first thing you need to do is upload the image(s) you want to use into a blog post.  Centre the image(s) and then link it(them) to your social feed(s).

The code for each icon will look similar to this:

<a href=”https://LINK TO YOUR SOCIAL FEED” style=”display: block; padding: 1em 0px; text-align: center;”><img alt=”” border=”0″ data-original-height=”43″ data-original-width=”50″ src=”YOUR SOURCE IMAGE.png” /></a>

Except that you’ll have the proper code in place for “Link to your social feed” and “Your source image”.

Copy all the code (command c).

Go back to your dashboard, go to layout, and add an HTML gadget.

In that gadget, paste (command v) the code from above.

That’s it! Click save and your new icon(s) will be sitting there in your sidebar.

Have fun!


PS  If you need some icons I have a TON for sale in my Teachers Pay Teachers Shop.


Leave a Comment