Tuesday, 26 June 2012

How To: Get A Blog Button On Your Blog!

I've just decided I was going to get a blog button for my blog, so I thought I'd show you how I've done it!
I'm sure a lot of you will already know, but just for those who might not, here you go :)

I've used Photoshop CS5 to make the image for my blog button. But you could use paint or any kind of picture program you have.

I've made my button to the sizes of 200 wide x 150 high (Pixels). You can set this when you open up your new canvas. I wouldn't think of making a button any bigger than this otherwise it might not be suitable to fit into your followers sidebars etc.

So here's my picture for my blog button:

Your button ideally needs to show the name of your blog, and an idea of what your blog is about. Now by no means do I think my image is perfect, but its a decent idea I guess?

You will then need to upload your button to a photo sharing site, maybe picasa, photobucket etc. I've used my blogs facebook page instead.

You then need to copy the Image URL. 

It should look something like this: 

I then used the 'GRAB MY BUTTON-Code Generator' website which is a simple and easy way to link up your image and create the button. 

Once you have edited your button and generated the HTML code from this website you need to transfer it on to your blog. 

To do this, you go to your Blogger Home page and select 'Layout' from the drop down box

Once on the layout screen, 
1.choose the 'Add Gadget' option in your sidebar. 
2. Scroll down to find the 'HTML/Javascript' gadget.

Then  you just simply
3. Choose a name for your gadget, I've called mine 'GRAB MY BUTTON'
4. Paste in the HTML Code you copied from the code generator website...
5. Save.

And there you have it, your blog button, and link for other bloggers to use. In your sidebar!! 

Hope this has helped at least someone? :)

Oh, and if you do use my blog button on your site, let me know and I'll do the same for you! 


  1. really helpful post!! I barely know how to do anything on my blog, I'm surprised I even managed to get it where it is looking now! I don't know how to make anything at all! :P look forward to future posts like this if you do any!!

  2. oooh this is great, I know how I'll be spending my evening! ;)
    nicola xxx

  3. thats a nice and easy tutorial Laura...
    am grabbing your button,pls grab mine from the blog *.*


  4. What a helpful post hun. I didst have a clue so Hayley from makeupmoviesandmore did my button for me, but this is helpful for knowing how to add it properly to my blog so thank you x :-)

  5. Thanks for this post !
    I finally found the time to make a blog button! I also placed your button on my blog ;]

  6. Thank you so much for this post! I've just created mine, I'll be sure that yours is one of the first ones I add :)xx