Add Social Link Buttons on your Blogger

I have found an easy way to add social buttons to my blog. I'm going to try and spell out the way to do it. Its such an easy way of adding buttons to your blogger page without any fancy mapping or html code locating. Its easier than the other way I shared before using a mapping site. I would have probably used the mapping site if my computer was working right at the time, but it worked out in my favor because if it weren't for the fail, I would have not figure this way out.
I still need to do some work on mine. The ones I'm using now were just a first shot at it. Now that I know it works, I plan to make some prettier one soon.

Here goes.

Find some buttons you like. There are many sites where you can download fancy icons or just create your own and save them in your photo file or where ever.

 (example)
  1.  In Blogger, open a new post ( you will not be publishing this, you will just be using it only for this task)
  2.  Now, choose "HTML" (this is so there are no gaps between your icons)
  3.  Click "insert image" and add your images. (make sure you choose each one then click add)
  4.  Now, Choose "Compose"
  5.  On each icon, click once and then click "Link" icon and paste the correct link you want the button to go too. (your face book address, Twitter address, etc...).
  6.  Now that each one is linked, Click again on "HTML' and copy that whole code.
  7.  You can save this now but like I said, do not publish it.
  8.  On blogger, go to "layouts"
  9.  Click on "add a gadget"
  10.  Choose "HTML/JavaScript"
  11.  Paste the code you just copied and, Boom! There you have it.
Hope that was simple enough for ya. 

No comments