How to create a Badge for your Blogger Blog ?

Today's post is about how to create a badge for blog. Every blogger and web master needed badge for their blog. So if you have a blog so must have a badge button for your blog or website. It helps to spread your voice , increase your blog traffic and also helps to increase backlinks. So there are many benefits of using badge button of your blog. Its need a trick to create this widget for blog. So i bring new trick to create this badge for wordpress and also for blogger. This badge plays an important role to creating backlinks in very short time. If you have blog without this widget so hurry up and create this widget, because it helps to spread your voice through out the world and not take to increase your blog loading. Its a simple HTML coding widget. It is a best way to make a backlinks and to promote your blog with your friends and readers.

Also Read: Social Bookmarking Widget For Blogger Using CSS3

How to create a Badge for your Blogger Blog ?

Step 1

• First go to Cootext  website.
• Go to Logos and select pixel Badge.

• After selecting logo.
• Write your blog name in the boxes.
• Select text color , width for blog badge.

• Click on create logo.

• Download your logo into pc.
• Now you have done step 1.

How to Add a Badge Buttons in Blogger Blog ?

Step 2

• Go to blogger dashboard.
• Go to layout >> Add >> Html Javascript widget.
• Paste the following code inside 
• Html Javascript widget.

<center><div dir="ltr" style="text-align: center;" trbidi="on">
<a href="http://www.truebloggingtricks.blogspot.com/"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLo4n5NNSGvnKNQlcEfaSx-Yze3yx6Lgv7TkvmAeuvrhJf-UurI7n7z86t0oMJ5HzuqtPD_ghv456Byzw-hZJM9Gr8pmdMlnmqC2OJmoNj-VYfa_YPlsvVawVnsBKJqUUsk712v3XBzF1c/s1600/TBT.png" title="True Blogging Tricks" /></a></div></center>
<center>
<input type="text" onclick="this.focus();this.select()" readonly value="&lt;a href=&quot;http://www.truebloggingtricks.blogspot.com/&quot;&gt;&lt;img alt=&quot;&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLo4n5NNSGvnKNQlcEfaSx-Yze3yx6Lgv7TkvmAeuvrhJf-UurI7n7z86t0oMJ5HzuqtPD_ghv456Byzw-hZJM9Gr8pmdMlnmqC2OJmoNj-VYfa_YPlsvVawVnsBKJqUUsk712v3XBzF1c/s1600/TBT.png&quot; title=&quot;True Blogging Tricks&quot; /&gt;&lt;/a&gt;" />
</center>

Customization

• Replace all orange color with your blog URL.
• Replace all red color with your badge image URL.
• Replace all yellow color with your blog title.