Tuesday, May 22, 2012

How To Add A Button To Your Blog

With the New Name, comes a new.....BUTTON!! 
A lot of blogs have a "button" that you can post on your blog that links back to the button's homepage.

Want to make one for yourself? Here's how.
Step One: Create your button. Begin with a picture or logo...you can use paint, photo applications, etc. I used PicMonkey.com for mine. Make sure your picture is smaller than 150 x 150 pixels. (Why? Because most sidebars are 200 pixels wide, so any larger and your logo will be cut off.)

Step Two: Host your picture. Upload your picture to a photo hosting site (photobucket, flickr, etc) And copy the html code they provide.

Step Three: Place the button in your sidebar. In blogger, go to your "Design" page and "Add a Gadget" and chose "HTML". Use the following code and replace YOUR IMAGE URL with the html code from your image and replace YOUR BLOG URL with the direct link to your blog.

[center][a href="http://YOUR WEB ADDRESS/" target="_blank" title="BLOG TITLE"][img alt="BLOG TITLE" src=http://YOUR IMAGE URL/][/a][center]


[center][textarea id="code-source" rows="3" name="code-source"][center][a href="http://YOUR BLOG URL/"][img border="0" src=http://YOUR IMAGE URL/][/a][/center][/textarea][/center]

IMPORTANT: All of the front brackets [ will need to be replaced with < and all of the back brackets ] will need to be replaced with >

Step Four: Save and preview your blog. Make sure your button shows up on the sidebar and the link works. (Test it by adding it to your own page and clicking on it. It should open a new window for your page.)

VOILA!! You now have a button for others to post on their blog!
Easy, huh?

*see my sidebar for the completed look and to grab my button*

No comments: