How to make a Badge or Grab Our Button for Blogger

A-o-A! Last night I was just on my bed when I thought about creating a badge for my blog. Then I searched on Google where I found that many pro bloggers has failed to create a badge for their blog. At last after great struggle of 1 hour, I found a Website where we can make different styles of banners, badges and logos. Friends this widget is very necessary for all bloggers.
If yoju have a blog or website you must create this. I found very easy method to make this. Now I will tell you why we use this widget.

Why To Use Grab Our Button for Blogger?

Badge button is a powerful source of making back links in a very short period. It will spread your blog or website on millions of platforms. It will spread our voice through out the global world. So if you have a blog or website without this gadget then hurry up and try to create Grab our Button.It is very lighter widget and do not increase your blog loading time. It is a simple HTML code to use. A best way to build your back links & promote your blog with your readers, fans & friends.

How to make a Badge for your blog?

Follow these steps:
Go to Cooltext website.
Now go to >> Logos and choose Pixel Badge.
see pic below

After selecting the logo:
Write your own blog name in the two boxes
Select your Colour & Width for your logo

Click on Create logo.
Now download your logo picture

After downloading your logo to your pc
Now upload this logo in your blog page draft or somewhere.
You have done step 1

How to Add a Badge Button in blogger?

Now we can easily add the button to our blog follow these steps:
Go to >> blogger dashboard
Go to >> Layout >> Add a gadget>> Html java script
Paste the below given code

<center><div dir="ltr" style="text-align: center;" trbidi="on">

<a href="http://ptc-paidtoclick786.blogspot.com/"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8GuFa0vvf4sf-iWASw8XX0IgW0eG1i5pJpfU0sfk0ZWeEhaABU5KNctQE5JwRZyxM8_AYsn3YTb_UaazmAS2V8EYMWIhxxAKaZ9EcqMZPAiBRv6WfyU1hu7Ff6hMGFzDavdZGYPs0DJ12/s1600/cooltext1583812659.gif" title="Loverboy14335" /></a></div></center>

<center>

<input type="text" onclick="this.focus();this.select()" readonly value="&lt;a href=&quot;http://ptc-paidtoclick786.blogspot.com/&quot;&gt;&lt;img alt=&quot;&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8GuFa0vvf4sf-iWASw8XX0IgW0eG1i5pJpfU0sfk0ZWeEhaABU5KNctQE5JwRZyxM8_AYsn3YTb_UaazmAS2V8EYMWIhxxAKaZ9EcqMZPAiBRv6WfyU1hu7Ff6hMGFzDavdZGYPs0DJ12/s1600/cooltext1583812659.gif&quot; title=&quot;Loverboy14335&quot; /&gt;&lt;/a&gt;" />

</center>

 Customization of Badge Button

Now you just only need to do the following replacing:
Replace all Red color address with your blog address.
Replace all Yellow color address with your picture address.
Replace all Green color name with your blogger name.
Now just refresh the page and see the results.
I hope you liked this article please express your views and ask if you have any problem. Happy Blogging :)