Wednesday, November 2, 2011

Tutorial Tuesday: Re-sizing Buttons

Have you wanted to post a particular button linking back to a site you liked, but their button wasn't the size that you preferred? Or perhaps their button was too big/too small to fit in your sidebar?

Here's how you can easily re-size buttons so they fit perfectly in your sidebar.

  1. If you don't know how to post buttons in your sidebar, click here to see my tutorial that can show you how to do so in a very easy way!
  2. Your code should look something like the following (the link/image will obviously be different):
<center><a href="http://customized-designs.blogspot.com/"><img src="http://i909.photobucket.com/albums/ac295/customsbdesigns/Spring/Button.png" border="0" alt="Photobucket" /></a></center>

     3.  Now to change the size, you add the following code that I have highlighted in the code in the color purple:

<center><a href="http://customized-designs.blogspot.com/"><img src="http://i909.photobucket.com/albums/ac295/customsbdesigns/Spring/Button.png" width "150" height "150" border="0" alt="Photobucket" /></a></center>

To show what the difference is, I transformed this:


to this:

Basically, it went from a 125 px X 125 px to a 150 px X 150 px.

Did you find this tutorial helpful? Share my button!
Looking for a particular tutorial? Let me know!

1 comment:

Thanks for visiting Custom Scrapbook Blog Designs.

Related Posts Plugin for WordPress, Blogger...