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

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:

• Or in Home Select This:

• 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.

• Click on Create Logo:

• 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="http://www.probloggertricks.com/"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrrqrWa0xYjZPKKbH4meNY8mnUqzpq5tk0Tdh25cRFXag8Vx9x4HT5-vISij0Ovk_VOgn_eVuMhv8XLGAVC7iblp6f-pLV_NH2M0OEIpIcLtfysH7dHIkMov7Yc1GlHMHBx_Co829wkdI/s1600/probloggertricks.gif" title="Pro Blogger Tricks" /></a></div></center>
<center>
<input type="text" onclick="this.focus();this.select()" readonly value="&lt;a href=&quot;http://www.probloggertricks.com/&quot;&gt;&lt;img alt=&quot;&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrrqrWa0xYjZPKKbH4meNY8mnUqzpq5tk0Tdh25cRFXag8Vx9x4HT5-vISij0Ovk_VOgn_eVuMhv8XLGAVC7iblp6f-pLV_NH2M0OEIpIcLtfysH7dHIkMov7Yc1GlHMHBx_Co829wkdI/s1600/probloggertricks.gif&quot; title=&quot;Pro Blogger Tricks&quot; /&gt;&lt;/a&gt;" />
</center>

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:

Tweet