Get Paid To Be Creative

Find out how I make a living by being creative! Download my FREE ebook, get access to productive challenges, and learn how to make money with your creativity! (learn more)
Please wait...
Loader

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=”http://photobucket.com/facebook.png”><img src=”http://photobucket.com/twitter.png”> …. 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=”http://www.facebook.com/yoururlhere”><img src=”http://photobucket.com/facebook.png”></a><a href=”http://www.twitter.com/yoururlhere”><img src=”http://photobucket.com/twitter.png”></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!

Follow (CLICK TO FOLLOW ALONG AND STAY UPDATED)
Dana Fox
Dana Fox
blog
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.

YOU MIGHT ALSO LIKE

It's not about the money
Why I’m So Angry at the Mode Media Shut Down
September 17, 2016
Stock
Photo Freebies: 10 Stock Photos for Autumn
September 07, 2016
Sweet2
TECH TUESDAY: Sweet Sayings Printables
July 12, 2016
How to Get Back Into Blogging After a Week Long Hiatus
How To Get Back Into Blogging After A Week Long Hiatus
July 06, 2016
Tech Tuesday: Leaf Love Wallpapers
TECH TUESDAY: Leaf Love Wallpapers
June 21, 2016
SEO
5 Free Tools to Give Your SEO a Boost
June 08, 2016
JustGO
TECH TUESDAY: Motivation To-Go Desktop Wallpaper
June 07, 2016
no-reply-sm
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