Sunday, 16 November 2014

How To: Get Social Media Icons on Your Blog (Blogger)

As you may (or may not) have noticed I have new social media icons WHOOP! I thought I'd write a post on how I did it as it took me a while to find out how and I am not very into the whole HTML and other scary computer whizz things haha!
Firstly, I searched 'social media icons' on Pinterest and there were LOADS to choose from! However, make sure which ever ones you choose are free unless you would like to pay for some.
Once I'd chosen the ones I wanted I downloaded them, I don't know if all of them do this but this person had kindly done duplicate copies of each icon in different pixel sizes so I could choose the ones that would look and fit best on my blog. I then went to an image hosting website I used ImageShack but you could use Photobucket or any others and uploaded the icons.

Just for ease I opened up a Word Document (any other place where you can add text is fine) and copied THIS: 
<a href="WebsiteAddressHere"><img scrc="ImageLinkHere" /></a>

WebsiteAddressHere - enter YOUR website addresses e.g your own Twitter, Facebook, Intsagram, Tumblr etc

ImageLinkHere - enter the image link from the image hosting website you're using, to do this right click on the icon you've uploaded and click 'copy link address'
Once you've done this with all of your social media and other links you wish to include go into Blogger - Layout - Add Gadget (to wherever you'd like the icons to go) - HTML/JavaScript. Copy and paste the links you've made make sure there are no spaces between the links and that the quotation marks are still there. Like this:
Add a title to the links such as 'My Social Media Links' or 'Other Places to Find Me' if you like and hit save. PREVIEW your work before clicking 'Save arrangement' just in case you're not completely happy with it. Then that should be that! I hope you found this understandable and helpful!

Abi :)


  1. Great tutorial!
    <3 Fran - xx

  2. Great tutorial, I love social media links and am gonna change mine soon! :)

    1. Thanks, aw okay I'll keep an eye out! Abi :)

  3. You have done a great job by providing the easy step of getting social media widgets and icons on our own blog.
    Web Design Company London | Web Design London


Thankyou for leaving me a message! Expect a reply soon!:)