Friday, January 27, 2012

Adding a Button to your Sidebar in Blogger



When I started my blog, I was mystified by how people were able to add cute 'buttons' that bring you to other blogs on their sidebar.  I am pretty brave when it comes to just trying things with different software programs, but this one was beyond me.  I finally had to search help to figure it out.

So if you are new to blogging and want to add a button, 
here is how I did it in Blogger.

I am doing the Quilt A Long (QAL) at Sew.Happy.Geek.  I wanted to add the button for that to my sidebar.    

”SewHappyGeek”

First I went to the Sew.Happy.Geek  blog.  I found the button on her sidebar and underneath it you will see a bunch of words and symbols 
(this is HTML).  Copy that by highlighting and clicking copy with your right mouse button.  This is the actual HTML for this particular button so you can see an example.

<center><a href="http://sewhappygeek.co.uk/index.php/sewhappyquilt/" target="_blank"><img src="http://i1197.photobucket.com/albums/aa424/sewhappygeek/QALbutton1.jpg" alt="SewHappyGeek" /></a></center>

Next, go to your blogger website.  Find the option to make your Layout.  You will see an area that says Add A Gadget.  Click on that and different options will be available.  Find the option that says HTML/Java Script and click on the plus sign.  You can put a title in (or not) for your link.  Then paste the HTML you copied into the content section, and hit save.  Save your updated Layout, and then take a look at your blog.  Hopefully you are able to see the button!  To rearrange the order of the buttons, go back to your Layout and you can drag the boxes containing the info for different gadgets to the place you want them to be.

I plan to have other little lessons on working with 
Blogger as I learn new features.  
Happy Blogger Designing!

Karen




3 comments:

  1. I get my son to do it for me!!! THEN I play around with the layout!! lol He has to earn his treats somehow!! xx

    ReplyDelete
  2. Haha to Diane! You can also right click on the button (if they don't have HTML code for it) and save it to your hard drive. Instead of choosing the HTML gadget in design, you would choose the picture gadget. Then you just cut and paste the link from there blog into the picture (it makes more sense if you have the picture adding gadget up)! I haven't seen the mixed sampler QAL -- I'll have to go check that out! :)

    ReplyDelete
  3. Karen, you are the greatest! Everyone she did this for her dumb new friend who couldnt figure out how to put the button on the side. You go girl! I got week 2 blocks done today but only got them posted to my blog.. still have a few issues with flickr but thats tomorrows issue.

    ReplyDelete

Oh goody, I love comments and new friends!