Friday, 26 April 2013

How to add a button to your blog...

Learn how to add someone else's grab button to your blog ~ Threading My Way


Can you remember when you were new to blogging and it was all a bit overwhelming? I certainly can!!! I remember when I first tried to add someone's grab button to my blog. I tried following a few tutorials, but nothing worked. I was missing something, but what?

Yeah, I know... it's easy as. Why couldn't I add it? I absolutely, positively didn't want to ask Mr TMW, but in the end I did. I look back now and wonder why I couldn't solve the problem straight away myself. I was almost there and missing such a tiny thing. 

If you are new to blogging and would like to add someone else's button to your blog, this tutorial will show you how. These instructions are for Blogger blogs.


Threading My Way_Threading Your Way
To the left is the grab button for the Ongoing Link Parties, here on Threading My Way. Underneath the button, is the code you need to copy to add the button to your blog.

Now this is the mistake I made when I was learning. I did not copy ALL  the code. I only copied the code that could be seen. In the case of my button, you can see 4 lines of code, but there are actually 13 lines.
Starting at the first line of code (<a border="0"), hold your mouse down and highlight all the code, till you get to the bottom of the box. Alternatively, you can:

  • click once in the box of code
  • right click with your mouse
  • Select All
OR
  • click once in the box of code
  • click on Edit at the top of the page
  • Select All
You can, of course, use keyboard shortcuts. Now that you have highlighted all the code, Copy it by right clicking or using the Edit menu.

Go back to your own blog. You can paste the code into one of your posts, or you can put it in your sidebar.

To add the code to one of your posts, make sure you are in HTML mode and then paste the code where you want it to appear in the post. Switch to Compose mode and you will see the button. When you have finished the post, Publish as usual.



To add the code to your sidebar, go to your Dashboard. Click on the arrow and select Layout.


Click on Add a Gadget.


Scroll down till you get to HTML/JavaScript and add.


Click in the Content box and Paste the code... Edit > Paste or Right click > Paste
You can add a Title if you wish.
Click Save.


You can reposition the gadget by dragging it to where you want it. Click Save arrangement.

View your blog and you will now see the blog button you have added. Well done!!!

You can find more tips to help with your blog in the series... How Does Your Blog Look.

Threading My Way_How Does Blog Look

... Pam


If this post has helped, chances are you are new to blogging. Make it easier for others to find by sharing...

23 comments:

  1. Thanks for the help with the Google+ no-reply thing. I didn't change anything really... my account was already set up the way the tutorials said. I checked it on my blog and I can reply to myself... so I am just now going around asking people if they can reply to my comments. LOL

    ReplyDelete
  2. It's thanks to tutorials like yours Pam that I find out how to do all the technical things that frighten the life out of me :)

    ReplyDelete
  3. Pam, this is a little off subject, but did you know wordpress & typepad users can't help it if they are a no reply blogger? Check this out:

    http://piecemealquilts.com/2011/09/08/no-reply-no-kidding

    Okay, it's way off subject...but since we talking techno & not sewing...lol!

    ReplyDelete
  4. My big question is, how do you make your own blog button so people can add it to their blog?

    ReplyDelete
  5. Pam, I'm so glad I found your page. I am in my first week of blogging and need tips like this! I've been trying to at the Pinterest tab and this tip might help me with that too. Thanks so much!

    Gina
    http://ginascraftcorner.blogspot.com/

    ReplyDelete
  6. Awesome instructions...thank you so much :)

    ReplyDelete
  7. Just one more tip about HIGHLIGHTing the code to be able to copy: The keyboard shortcut to highlight, AFTER you place the cursor in the box at the beginning of the html of the button is ctrl+A and then all you have to do is hit the C button to copy while still holding the ctrl button! I love keyboard shortcuts- usually SO much faster. Yes, I too want to know how to make the button.

    ReplyDelete
  8. Thank you thank you thank you! I have been attempting that for ages and never managed to get it right! I feel quite awesome right now. :)

    ReplyDelete
    Replies
    1. Well done on succeeding in adding a button. I remember the feeling.

      Delete
  9. Thank you so much for this explanation! worked a treat!

    ReplyDelete
  10. This was extremely helpful, thank you!

    ReplyDelete
  11. Thank you sooooooooo much!!!!!!! I was going nuts!!! I couldn't figure it out, I had copied everything, but I was trying to past to the post itself (embarasing, I know), but now I have it!!!! Thanks for your help :D

    ReplyDelete
    Replies
    1. Not embarrassing at all. We've all been there. Glad the tutorial helped you.

      Delete
  12. I'm joining the crew giving you thanks for such great directions. There is a great feeling of success at being able to do this - thanks again.

    ReplyDelete
  13. Thank you so much. I have tried and tried to add a button to my blog. Your instructions were clear and concise. I did it!!!

    ReplyDelete
    Replies
    1. It's a good feeling when you add the first button. Glad my instructions were able to help!

      Delete
  14. Thank you, thank you, thank you! Worked like a charm.

    ReplyDelete
  15. This was so helpful, thank you! As thanks, I will follow your blog (but also because it looks pretty interesting, haha!) But, again, thank you! =D

    ReplyDelete
  16. it's two years later, but i wanted to say thanks ... i was adding buttons the hard way!

    ReplyDelete

Thanks for stopping by! I love reading your comments and try to reply to all of them via email.