Tuesday, January 11, 2011

Do you have a blog button? Do you want one?

Ok friends, so let me let you in on a little secret. I secretly wish I was the most awesome graphic designer/html code writer in the world. I have learned a couple of things on the web about adding fun things to your blog, one of them being how to make a button for your blog and how to create the code that other people can copy so that they can post your button on your blog. 


While having a blog roll lets people know which blogs you love, having someone's button allows you to show a little more about the blogs that you follow and having your own button to share lets people have your cool blog on center stage. 


So I have posted the code below so that you can make your own button. Here is what you want to do:

  1. create and upload an image that you want to use for your button to a site like Flickr so that you can use the html code the site provides.
  2. Go into your blog provider and create a widget/gadget for html code on your blog
  3. In the widget/gadget paste the following code
[center][a href="http://YOUR WEB ADDRESS/" target="_blank" title="BLOG TITLE"][img alt="BLOG TITLE" src="http://IMAGE WEB ADDRESS"/][/a] [center]
[/center]
[center][textarea id="code-source" rows="3" cols="13" name="code-source"][center][a href="http://YOUR WEB ADDRESS/"][img border="0" src="http://IMAGE WEB ADDRESS"/][/a][/center][/textarea][/center]

Make sure that you replace all the "[" marks  with "<" and the "]" marks with ">"

Replace the red text with your blog address and the Green Text with the html code or direct link for image. The  blue text should be your blog title.  Then CLICK SAVE!

Make sure that there is only one http:// before your web address and before the image web address. If you copy and paste you may need to delete an extra http:// in order for the code to work. 

If you need help making a button I would love to help out! Or if you want me to make you a button email me using the Page above titled "Email Me!" and I will see what I can do!

No comments: