How To: Add Social Media Buttons

13:00 Kissable Kreations 0 Comments

I finally found out how to add some social media buttons to my blog and i cant believe how easy it was to do.
As it can be pretty hard for some people to get their head around until they have step by step instructions on how to do it then i thought i would put together my own nooby instructions on how its done (Wished i had nooby instructions. My baby brain came out to play everytime i tried to follow the tutorial i learnt off)

First Things First! Selecting the right buttons for your blog. There are many sites around the internet that provide you with FREE social media buttons. Just type what you want in to google and you will find it.

I went for the buttons from which looked pretty cute on my blog. You can choose any colour from the list. She also has a tutorial on how to download them and unzip the file.

One you have your buttons its time to add them to your blog. Now firstly you want to add them to a thread of some sort. so either start a new post and add them just like you would a normal picture or do as i did and add them to your Contact/PR page. Link the images to the appropriate pages as normal.

Once you have done that its time to add them to your sidebar or anywhere else you would like them. Make sure you have the page open where you have just added the social media buttons. Your going to need them for the next step.

Go into your blogger layout section and  'Add Gadget'

Choose the HTML/JavaScript gadget.

Now paste the code below into the box. Each will resemble one button

<a href="ADD URL TO PAGE HERE"target="_blank">
<img src="ADD IMAGE LINK HERE"/></a>

The <a href=""target="_blank"> is where you will be adding the URL of the page you would like to link and the <img src=""/></a> will be adding the button image.


Go back to where you previously added the buttons. Either in the new post or your Contact/PR page. Choose the first button you would like to use and right click it and then left click on 'Copy Image URL'

Now paste that into the <img src="ADD IMAGE LINK HERE"/></a> between the ""

Now add the URL of the page you would like to link in the <a href="ADD URL OF PAGE HERE"target="_blank"> between the ""

Repeate this for all the buttons you wish to have on your blog.

Click 'Save' on the HTML/JavaScript Gadget and your done!

Please let me know if you have any problems following this tutorial either in the comments section on this post or email me at with the subject of 'Adding Social Media Buttons' and i will get back to you as soon as possible.

If you would like any other tutorials on how to do certain things on your blog then feel free to leave a comment below and i will do my best to get one up for you as soon as i can.

Have an amazing day


xoxkissablebeautyxox2016. Powered by Blogger.