Friday, 10 May 2013

How To Create A Blog Button On Blogger

Many of you have asked me how to make a blog button and I've even made a few. I remember starting up and searching and trying for hours full of frustration before I managed to do it myself to save you all the hassle I'll try make this tutorial as easy as possible. I'd like to say I am no pro at all but just wanting to help others who like me struggle with these little things.

First steps - Editing, re-sizing and uploading:

You need to choose a picture you would like to use, you can edit the picture, add text or create a collage through a website like picmonkey (checkout their new effects recently they added stars) once you've edited it resize your image to 250 x 250 this is the normal size button/image you can do this on picmonkey you can make it bigger but I wouldn't recommend any bigger than 350 x 350, once you've done this save your image. 

Next upload your image through any website that allows you to do so I use photobucket you need to do this to get your image's direct link.

Second steps - Create HTML code with and without grab box:

Next you want to create a HTML code which is how your blog recognises what you want it to do.

If you want to create a blog button without a grab box/or even image which links to a certain post (like the one I have in my right sidebar for my giveaway) then copy the code below and replace the writing in red sorry I couldn't place these in blogger the coding messed up and have had to place as images:

If you want to create a blog button with a grab box then copy and paste the HTML below:


  1. You actually make it appear so easy with your presentation however I find this matter
    to be really something that I feel I'd by no means understand. It seems too complex and very large for me. I am taking a look forward in your next submit, I will try to get the cling of it!

    my blog post -

  2. Sooooo helpful! I've been wanting to create a blog button for a while, deffo bookmarking your post for when I make one! Thanks :) xxx

  3. hi i d like to know about the pink click icons with fb twitter etc how can i put these on

    1. For these you would use the first HTML and place in your blog URL and then upload a pic of each social media icon. You would have to do it separately so the same HTML separately for each icon, if you would still like to see a tutorial let me know x

  4. I did this on sunday. The picture editing on the computer after adding tects etc on my phone. Uploaded it to photobucket then i used a html grab box generator online.

    But it took me ages! To do everything and finding the generator was well annoying cos i kept adding a comment box for some reason. I wish i knew about this post on sunday.. But i think mine turned out well!

    International 750 Follower Giveaway
    BreezeyBee Blog


Your comments are valuable to me, so please leave a little message and I'll reply as soon as possible :)