How to make a “Grab this” linkback button

Wondering how to make a “Link back to us” a.k.a “Grab this” button widget just like the live example below? Whereby readers would copy and paste the code in the textbox to display your button/badge on their blog? It’s easy, you can do it in just two steps.

<center><a title="Blogger Sentral" href="http://www.bloggersentral.com/" target="_blank"><img src="http://i632.photobucket.com/albums/uu50/GreenLava/bloggersentral-1.png" border="0"/></a></center>

[Update June 2013] Update tutorial to keep up with Blogger's latest user interface.

Here’s how:

1. Make the button

Make a button, badge, banner or whatever. Make it eye-catching and inviting. The goal is to get people to click the button. You can make it on your own using Gimp or Photoshop or you can use an online button maker/generator. Some of the sites that offer the service are CoolText, GRSites and AdamKalsey. There is also list of button makers by Mashable.

2. Display the button and code in your sidebar

1. Go to Dashboard > Layout.
2. Click Add A Gadget.
3. In Add A Gadget window, select HTML/Javascript .
4. Enter the title of your widget e.g. Link back to us or Grab this button.
5. Copy the following code and paste it inside the content field.

   <center>
   <img src="YourButtonUrl"/> 
   <textarea style="width: 95%; height: 80px" name="textfield"><center><a title="YourBlogName" href="YourBlogUrl" target="_blank"><img border="0" src="YourButtonUrl"/></a></center></textarea>
   </center>

6. Replace:
   • YourButtonUrl with the direct link to the button.
   • YourBlogUrl with the url of your blog.
   • YourBlogName with the name of your blog.
7. You can change the size of the textbox by changing the width and height attribute values.
8. Click Save and view your blog.

That’s it. Enjoy.

There is an alternate method on how to install “link to us” widget -no code will be displayed, no copy-pasting required.)