How to install social network icons onto your blog

By Dana Fox

Happy Friday, friends! I get a lot of questions about how to install image links and buttons and things to blogs, so today I am sharing a little how-to as well as some free graphics for your sites! You will get these cute social networking icons and the matching sidebar widget titles and also learn a thing or two about putting them on your blog. They have transparent backgrounds so will blend in nicely with any layout.


click image to download

After extracting the images, you’ll need to upload them to an image hosting service. You can use Photobucket for this step.

Let’s start with the social network icons.
Once uploaded, all you need to do is copy the full image URLs of each image (the ones that start with <img src=”) and paste them into a new HTML/Javascript widget in your sidebar, side by side like so:

<img src=””><img src=””> …. etc.

Of course using your own image URLs instead of my example ones.

To add links to the social networking icons, you just need to wrap your <a href=> link around each image code like so, and remember to close the code with the ending </a> tag:

<a href=””><img src=””></a><a href=””><img src=””></a> … and so on.

For the sidebar titles, it’s best to place these inside their own HTML/Javascript widgets in Blogger. So, create a new HTML/Javascript widget in your Layout dashboard and paste in the <img src> code of your first graphic title, just as you did above for the first social network icon.

Save your widget and position it properly in your sidebar. Make a new HTML/Javascript widget and do the same for the next. Continue for each title until they are all properly in place. Click Save Arrangement at the top.

That’s all there is to it!

Some new premade Blogger templates have been added to my design shop as well:


Enjoy and have a great weekend.

Need blog topic ideas? Check out 365 Blog Topic Ideas on Amazon!

Dana Fox
Dana Fox
About me

I am a country loving Canadian with a mind that never sleeps. When I'm not running the Wonder Forest blog ship, you can find me creating artwork for phone cases and home decor, whilst managing the daily tasks of Dana Fox Creative. Visit me at the links below if you wanna be friends and follow along on Snapchat: wonderforest.


Why I Didn’t Reply to Your PR Email, and How to Fix it
May 13, 2016
Why Blogging Is Good for Self-Development
Why Blogging Is Good for Self-Development
April 11, 2016
Why You Shouldn't Be a Fashion Blogger
Why You Shouldn’t Be a Fashion Blogger
April 06, 2016
TECH TUESDAY: Get Intentional Desktop Wallpapers
April 05, 2016
TECH TUESDAY: Mind Over Matter Desktop Background
March 22, 2016
The Ultimate Blogger To-Do List (Now on Amazon!)
March 21, 2016
10 Secrets to a Stellar Blog Post
10 Secrets of a Stellar Blog Post
March 16, 2016
TECH TUESDAY: Spring Watercolour iPhone & Desktop Wallpaper
March 15, 2016
TECH TUESDAY: Marble Desktop Wallpapers
March 08, 2016