Ok, So now you have made your blog button now you need a grab box so other people can get the code to put your button on their site.

First off you need somewhere to host your button image, like Picasa.
But I cheat and upload my image in to a blog post, but make sure you DO NOT PUBLISH the post. 
to get the image url, right click on the image and select copy image url.
To make your blog button grab box simply copy and paste the code below, but where the words are in capitals replace with your urls. The hover text is what someone sees when they hover their mouse over your button. I have included height and width, so you can adjust your button size, But if you just want to use the size your button is already just delete these from the code

<a href=”YOUR BLOG URL” target=”_blank” title=”BLOG NAME”><img alt=”HOVER TEXT” src=”YOUR IMAGE URL” height=”150″ width=”150″/></a> <center>
<textarea cols=”13″ id=”code-source” name=”code-source” rows=”3″>
<a href=”YOUR BLOG URL”><img border=”0″ src=”YOUR IMAGE URL” height=”150″ width=”150″/></a>
and you should get something like this:
Serenity You

To add your grab box to your blogger blog, simply select layout, then add a gadget. Choose the html widget and copy and paste the code above, changing the urls. save, then drag the html gadget to where you want it to show on your blog.
I have my blog button on my right side bar and also have my blog button on their own button page – see here
Here are the others posts in my Blogging A-Z series
How to Start Blogging
How to Make a Blog Header and Button
Social Media Tips

Linking to some of these great parties


Vote for me @ Top Mommy Blogs - Mom Blog Directory

15 comments on “How to Make a Blog Button Grab Box”

  1. Thank you!! I had these on my old blog, but then I guess I got stupid and couldn’t make them work on my new blog. I need to do this ASAP!

    I know I’ve been to your blog before, but I just saw I wasn’t previously following on Bloglovin. Strange – I can’t pass up the opportunity to follow a fellow Natasha!


  2. Thank you so much! I used the hidden page trick and it worked beautifully. When it came to the code, I must have messed something up. So, I followed more good advice from you and went to the Grab a Button Code Generator and got the code that way. Worked great!

    Ducks ‘n a Row

  3. Thanks for this post ๐Ÿ™‚ Now I have my very own blog button… Yipee!! I had a tiny problem with the picture URL because I was copying the permalink instead of the URL on the other side of the page, so if anyone else has problems getting the code to work you might want to check that. After I changed links it worked perfectly.

  4. Thank you for this. I’m having a problem where I try to put the code into my html gadget and it appears to be all there. Then, when I save it I end up with an empty box. The button is fine, the box is fine, it’s just blank. Have you ever had this happen? I use Blogger and I’m assuming it might be a glitch there but am at my wit’s end.

Leave a Reply

Your email address will not be published. Required fields are marked *

CommentLuv badge

This site uses Akismet to reduce spam. Learn how your comment data is processed.