How to Create a Blog Button with a Grab Box

Goodmorning ya'll!

I am excited because I am getting ready to enjoy a well deserved day off.

Monday and Tuesday were crazy stressful and I plan on spending today

only having fun and possibly getting my hair cut! Oh, and also catching up 

on all of my blog reading.

<div align="center"><a href="http://www.yellowumbrelladesign.blogspot.com" title="Yellow Umbrella"><img src="http://i1245.photobucket.com/albums/gg590/YellowUmbrellaDesign/YellowUmbrellaButton250x250.jpg" alt="Yellow Umbrella" style="border:none;" /></a></div&g

Today I thought I would share with you how to create a blog button with a grab box.

You can make one yourself if you do not already have one - a common size is 200x200 or 150x150.

Or, if you need some help just let me know and I can make one for you for $5.

Step One:

Go to your blogger dashboard and click on layout.

Step Two:

Click add a gadget and choose HTML.

Step Three:
Copy and Paste the following into the box:

<div align="center"> <a href="http://www.yellowumbrelladesign.blogspot.com" target="_blank"><img alt="Yellow Umbrella" src="http://i1245.photobucket.com/albums/gg590/YellowUmbrellaDesign/YellowUmbrellaButton250x250.jpg"/></a> </div> <div align="center"> <form><textarea rows="6" cols="20"><center><a href="http://www.yellowumbrelladesign.blogspot.com" target="_blank"><img alt="Yellow Umbrella" src="http://i1245.photobucket.com/albums/gg590/YellowUmbrellaDesign/YellowUmbrellaButton250x250.jpg"/></a></center></textarea></form> </div>

Step Four:

You will now need to upload your photo to photobucket,

but do not worry it is completely free. 

Step Five:

It is now time to replace all of my info with yours.

Replace the yellow highlighted link with your blog/shop link.

Replace the blue highlighted words with your blog/shop name.

Replace the pink highlighted link with your photobucket direct link.

{You can find this by click on your picture and the links will show

up on the right of your screen. Be sure to copy and paste the direct link}

Step Six:

Now click save on your HTML box and it should show up on your blog!

Trouble Shooting:

Be careful not to delete too much or not to delete/copy over the quotations.

If it is not working check to make sure you fully deleted my info 

and that the quotations are still there.

If you have any other questions just comment below!

Fill out this form if you wish for me to design a button for you!

Fill out my online form.