Monday, September 20, 2010

How to Create Badge/Button and "Grab My Badge" on Your Blog

Simple!!..

First off you have to host your button/badge on a third party server such as Photobucket or any..im prefer use photobucket.



Once you have your image hosted, get the URL:

http://i978.photobucket.com/albums/ae268/malekku7/construction_business_card_grunge_yellow_black-p240947382500606065yt1p_400.jpg



Go to blogger dashboard and insert a new HTML/Javascript widget
Title Your Widget - i.e. Grab my Badge! or other title u would like to
Within the content you have to tell blogger what image to display and where to link it to. Here is the sample code:


<a href="http://sayasukamalek.blogspot.com/"><img border="0" width="90%" src="http://i978.photobucket.com/albums/ae268/malekku7/construction_business_card_grunge_yellow_black-p240947382500606065yt1p_400.jpg"/></a>


In the first highlighted that is where you put your URL.

In the second highlighted area that is going to tell the browser what image to display.

Now it is time for the textarea code:


<textarea id="code-source" rows="3" name="code-source"><a href="http://sayasukamalek.blogspot.com/"><img border="0" width="90%" src="http://i978.photobucket.com/albums/ae268/malekku7/construction_business_card_grunge_yellow_black-p240947382500606065yt1p_400.jpg"/></a></textarea>

The area highlighted is the same exact code that you worked in early, just wrapped in <textarea> tags.

What you need to know about the extras:

I have the width set at 90% within the code. This is so my button doesn't overpower someones sidebar. If the width is set at 90% you know your button isn't going to be bigger than anyone's sidebar. This has a downfall though, people with very large sidebars, it might stretch your image out and distort it, but I take the risks, because the majority of sidebars don't surpass 250 pixels.
Secondly I have it set to border=0 this is so a border will not appear around my button and ruin the look of it.
This should be it, if you have any questions, just let me know!

I try to make as simple as i can..

Credit to my Friend: Mr.Parajunkee

1 comment:

Anonymous said...

This is very fine web site, thank you and look at that [url=http;//ciufcia.pl]gry dla dzieci[/url]



Related Posts Plugin for WordPress, Blogger...