Saturday, December 28, 2013

How to add a Button/Badge to your Blog.

Hi everyone - a few of you who are taking part in the Make a Garment a Month Challenge are not quite sure how to install the button/badge on your blog.

The button looks like this  only smaller and is on the top right hand corner of the blog sidebar.



  Below the Image, you will see a box with code written inside it.

Copy and Paste this into your widget layout.  Scroll all the way down the box to get all of the code.  The code then magically adds the button to your blog.  Then anyone who visits your blog can see what you are up to, and if they are also interested in this challenge they can click on it. That will connect them to this  site where they can find out more and join in the fun.

 First and foremost, this is a challenge to encourage you to sew with other like minded people.  It is a challenge, really, for yourself.   Many sewers love to connect with others, and these sorts of sew-a- longs, that are self directed and self paced are a great way of doing that.

Back to adding a button.

If you use Blogger, go to the main dashboard.  On the left hand side you will find the menu.  Look for Layout.  Click on Layout.  That will take you to the layout page.  Click on add widget.  Then another page will come up.  This page has a number of options listed.  Scroll down until you find add HTML.  Click on this.  A box will open.  There is a title box.  Put something like "Sew-A-Long" in the title box.   Now remember that code you have copied?  There is a larger box underneath - past the code into that box.  Then press Save.  Click view blog - scroll through your widget area and you should find the button.  Check the button is where you want it, if not, re-arrange your widget layout.  Press save arrangement.

If this does not work, have another go - make sure you have all the code. 

If you use Wordpress, you will need to go to your widget area.  Again, once you are in the main dashboard, you will find this in the list on the left hand side.   Go to appearance - the drop down menu will appear - choose Widgets.  Once in the widget area, you will see lots of widgets.  Choose the one that says Text - arbitrary text or HTML.  Drag that into the widget area.  A box should appear and you paste the code into that box.  Add a title if you like in the title area. 

The best thing to do is just to play with these things until you get the hang of it.  It took me ages to work out how to do some of these things, now they are second nature.

Sarah Liz  :)

3 comments:

  1. Whoo Hoo...got it added! You directions were very direct and easy for a tech-challenged person such as myself! Thank you!

    ReplyDelete
  2. Fantastic - I'm glad the instructions helped and that you found them clear to understand :)

    ReplyDelete
  3. Sarah, just a note...the save button in the pop up for adding the button did not work on my laptop in any browser that I tried. Had to use my husband's computer which is new to get it done. Don't know if anyone else has had problems but just letting you know. My husband said it might work to uninstall then reinstall chrome if someone is having troubles.

    ReplyDelete