Friday, 19 April 2013

Tagged under: , , , ,

How to make a Badge or Grab Our Button For Blogger Blog

How to Create A Badge Button
This article is all about how to create a Badge or Grab Our Button for blogger blog. Grab our buttons widget is the need of every blogger & webmaster. If you have a blog or website then you must have a badge buttons for your blog it will not only spread your voice but will also give increase your blog do follow back links. So there are uncountable benefits of using the badge buttons in your blog website. I have analyzed so many time that many Pro Bloggers failed to create this badge buttons for theirs blog. Its indeed a tricky way to create this widget for blog but not difficult. today i have bring some some amazing coding through which you can easily make a badge butttons for blogger & wordpress.

Why to Use Grab Our Button in Blogger ?

Badge buttons is a powerful source of making back links in a very short durations of periods. it will spread your blog or websites on millions of platforms. It will spread our voice through out the global world. So if you have a blog without this widget then hurry up and try to create a Grab our button widget for your blog. This is a very lighter widget it will not increase your blog loading time. Its a simple html coding maker widget . A best way to build your blog backlinks & promote your blog with your readers, fans & friends.   

How to create a Badge for your Blogger Blog ?

Step 1: To creat this widget for blog its so simple just follow our below simple steps.
  • Go to Cooltext website:
  • Go to Logo & select pixel Badge:
  • See the illustrative shots given below:

How to Create A Badge Button
  • Or in Home Select This:

How to Create A Badge Button
  • After Selecting the logo: 
  • Follow The below given steps:
  • Write Your Own Blog Name In the following two boxes:
  • Select color, & width for your logo.

How to Create A Badge Button
  • Click on Create Logo:

How to Create A Badge Button
  • After Downloading your logo to pc computer: 
  • Upload this logo to your blogger blog draft page or somewhere:
  • Now you have done step 1:

How to Add a Badge Buttons in Blogger Blog ?

Step 2: Now we can easily add the buttons in blog just follow the below steps:
  • Go to blogger dashboard:
  • Go to layout >> Add >> Html Javascript widget:
  • Past the below given code:
<center><div dir="ltr" style="text-align: center;" trbidi="on">
<a href=""><img alt="" src="" title="Pro Blogger Tricks" /></a></div></center>
<input type="text" onclick="this.focus();" readonly value="&lt;a href=&quot;;&gt;&lt;img alt=&quot;&quot; src=&quot;; title=&quot;Pro Blogger Tricks&quot; /&gt;&lt;/a&gt;" />

Customization of Badge Buttons widget

Now you just only need to do the following replacing:
  1. Replace all red color address with your own blog address:
  2. Replace all yellow color code with your own logo image location: ( that you have upload to blogger) 
  3. Replace all the blue color fonts with your own blog name:
  4. Finally you have done: Refresh the page and See the results:


  1. Awesome post bro.. and specially nice thought about this topic. Great work ;)

  2. nice dear keep blogging

    regards from shayri ki duniya
    keep visiting also

  3. @Ankit

    Thanks Ankit to see you here. Ya i have seen so many bloggers failed while creating this buttons for theirs blog/ websites. SO thats why i decide to write a complete article about its.

    @Ilyas Shaikh

    Thanks to you Bro. keep visiting us.

  4. @Shakeel Asghar

    Thanks Shakeel Bro to see you back!. Thanks for joining us. Keep happy blogging!

  5. i try with your tutorial, thanks a lot

  6. Awesome post bro.. and specially nice thought about this topic. Thanks :)


About ProBloggerTricks

Founded in 2013, Pro Blogger Tricks is the ultimate resource for bloggers and marketers. Looking for ways to make money online? Need blogging tips, SEO tips and other business and marketing related content? Probably, the best source of information about monetizing a blog ....Read More

Copyrights @ 2014, Pro Blogger Tricks - Designed By Templateism