Lifestyle Magazine

How To Add A Grab My Button Box To Your Blog

By Kaye

Adding button to your blog doesn’t seem too complicated as I thought it would be. You don’t need to be that genius and techy to come up with a button and a grab box which you can display on your blog sidebar or on any of part of your web page. As a matter of fact, I find it rather easy and if a novice like me can, I’m sure you guys can do better.

What is a Blog Button?

Blog buttons are obvious and techy way of telling your readers and visitors ” Hey! Grab my code and I’ll grab yours!” kinda thing. Bloggers from different platforms would love to exchange links with other bloggers. This is how things run here. If your button is displayed on another blog site, chances are, visitors from that site might notice you and when the button is clicked, they will be directed to your site. Instant traffic right? How cool is that?

Since I don’t have professional web design background, just like many Internet users, I usually run to Mr. Google to ask for help. My search didn’t end up in vain because I finally came up with my own button which you can see on the lower right sidebar of my blog along with a grab box that displays the code which you can copy and paste to your text or HTML widget should you decide to exchange link with me. In this post, I will show you how I added button and grab box to my WordPress blog.

How To Create Button For Your Blog?

For you to add a button to your blog, you need an image. There are many applications and sites where you can upload your desired image to run on some effects, sizing and cropping stuffs. Usually, buttons are 125 x 125 pixels but you can use other pixel sizes if you want to.

Some used other apps and sites to adjust their image then upload it to their site but since I used a previously uploaded image resized to thumbnail which is attached to the page, it saved my time. So what I did….

1. Open the image
2. Copy the image URL from your browser as shown in the screenshot because you’re going to paste it later on to make the code.

Please note that the dialog box may vary because I’m using an iPad Mobile WordPress app. I don’t know if this would work the same way as other computers. I hope it does. If it doesn’t, figure it out yourself and use an application you are comfortable with.


If you will upload an image for the first time and will attach it to a post or page, make sure to adjust the size on the media setting to thumbnail. That will be fine. Thumbnail size will just came out right. Again, copy paste the image URL.


How To Add Grab Box To Your Blog?

Now that you have already your image ready. Your next move would be to generate a code for your button. That was so hard for me to figure out then until I found, a very cool site which will do the job for you. Generating the code is as easy as 123. All you have to do is:

1. Enter your blog title
2. Enter your blog URL.
3. Paste the image URL .


You can preview how the button looks like and adjust if necessary.


If you’re satisfied with your button, get the code and copy paste it on your Text or HTML widget.


Voila! You now have your button with a grab code box displayed on your site.


It is now easy to exchange link with other bloggers plus an additional website feel on your blog. I hope this post helps you generate your first button. Let me know how it works on your blog by leaving your comments below.


Back to Featured Articles on Logo Paperblog

These articles might interest you :

  • How To Add Bling To Your Wedding Hair

    Bling Your Wedding Hair

    A bride’s hairstyle on the Big Day is almost as important as her gown. After all, all eyes are on her not only for the moment, but forever in photos and videos. Read more

    The 05 December 2012 by   Raymondleejewelers
  • How to Add a Pattern To Your Room

    Pattern Your Room

    covethercloset March 8, 2013 Accessories, Design, DIY, How To, Trend {Covet Her Closet©} Adding a pattern to your rooms makes it look so much more unique. Read more

    The 09 March 2013 by   Covethercloset
  • How to Add Text to Your Photographs. The EASY Way!

    Text Your Photographs. EASY Way!

    New Here ? Raise your hand if you'd like free updates from Design the Life You Want to Live. Yo, I thought you'd never ask. Be a part of something great, by... Read more

    The 21 February 2013 by   Lynne
  • How To Layer Tops with a Large Bust

    Layer Tops with Large Bust

    Imogen, I absolutely love your blog and follow it religiously. It’s helped make my shopping quicker and easier. I have cleaned out my closet to match my clothin... Read more

    The 21 November 2013 by   Imogenl
  • Insider Secrets of Blogging: How to Add Your Handwriting to Your Photos

    Insider Secrets Blogging: Your Handwriting Photos

    Holy smokes. Have you ever tried to add text and handwriting to your photos? Is it some hidden secret?  Why doesn’t anyone tell the secret?Bastards.Get ready.... Read more

    The 18 August 2013 by   Lynne
  • The Ultimate How to Wear Pantyhose, Stockings and Tights Guide

    Ultimate Wear Pantyhose, Stockings Tights Guide

    // Questions about how to wear pantyhose, stockings and tights are something I get asked about all the time.  I recently received an email about this and decide... Read more

    The 18 November 2013 by   Bridgetteraes
  • How To Buy Clothes On-Line

    Clothes On-Line

    The world of on-line shopping has kept on growing and growing in the last decade from year to year. In 2012, in the United States, people bought products on-lin... Read more

    The 20 November 2013 by   Attireclub

Add a comment