Steps To Create Your own Blog Badge
- Firstly Open this link to create Blog Badge Visit Here
- Then Simple Add Your Text, Font Size, style and Color according to your choice
- After Making all chances then click on Create Logo Button
- Now Download it and Upload it on blogger or Picasa to get host your image.
Customization Steps For Badge
- After uploading your Badge Image Simple Copy its URL.
<center><div dir="ltr" style="text-align: center;" trbidi="on">
<a href="Blog URL"><img alt="Safe Tricks Badge" src="IMAGE URL" title="Title On Mouse Hovering" /></a>
</div></center>
1. Replace Blog URL With your Blog address
2. Replace IMAGE URL With your Image URL which copied above
3. Replace Title On Mouse Hovering With your Text which comes on Hover.
2. Replace IMAGE URL With your Image URL which copied above
3. Replace Title On Mouse Hovering With your Text which comes on Hover.
- After changing all things copy all the code.
Finalized Steps For Badge
- Open The HTML Encoder Here
- Then Paste above customized code in encoder and encode it.
<center><input type="text" onclick="this.focusundefined);this.selectundefined)" readonly value="Encoded Code Here" /></center>
- Now Replace Encoded Code Here with it output encode codes
Steps To Add Badge
- Open Your Blogger Dashboard >> Layout
- Click on Add an Element >> Open Edit HTML/JavaScript box.
- Then Paste Code No 1 and just below it paste Code No 2 and click Save button.
- Finally your Badge button is Live on Your Blog
No comments:
Post a Comment