How to create a Badge for your Blogger Blog ?

 Today's post is regarding the way to produce a badge for journal. Each journal and internet master required badge for his or her blog. therefore if you have got a journal therefore should have a badge button for your journal or web site. It helps to unfold your voice , increase your journal traffic and conjointly helps to extend backlinks. therefore there area unit several edges of mistreatment badge button of your journal. Its want a trick to make this contraption for journal. Therefore i bring new trick to make this badge for wordpress and conjointly for blogger. This badge plays a vital important role to making backlinks in very short time. If you have got journal while not this contraption therefore hurry up and build this contraption, as a result of it helps to unfold your voice through out the planet and not desire increase your journal loading. Its an easy hypertext markup language committal to writing contraption. It's a best thanks to build a backlinks and to market your journal together with your friends and readers.
Also Read: Social Bookmarking contraption For Blogger mistreatment 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://trickydunia.blogspot.in/"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWIFVBT31lro8x8-4JrbNaOD0ByPXmoz9D29oaky3wdhh9c4kfOmZS3tuzmGWuj9AJayhO8p6lxGVze0dPeqHRtVtPnktkEEtVf9JkSOnN_N-HmdRyncNSUDN80pAqW3pIV-yrc8d-W7qz/s1600/TBT.png" title="Tricky Dunia" /></a></div></center>

<center>

<input type="text" onclick="this.focus();this.select()" readonly value="&lt;a href=&quot;http://trickydunia.blogspot.in/&quot;&gt;&lt;img alt=&quot;&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWIFVBT31lro8x8-4JrbNaOD0ByPXmoz9D29oaky3wdhh9c4kfOmZS3tuzmGWuj9AJayhO8p6lxGVze0dPeqHRtVtPnktkEEtVf9JkSOnN_N-HmdRyncNSUDN80pAqW3pIV-yrc8d-W7qz/s1600/TBT.png&quot; title=&quot;Tricky Dunia&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.

 

Tweet