Resizing Buttons

Hi all! New week starting off! SO we're here with more handy-dandy blog tips, SEO advice(search engine optimization), the scoop on easy HTML and all news on technical features and softwares.. or for short: Technical Support, as everybody already knows it:)

I got a bunch of requests in the emails to show how to resize buttons and badges from hops, so i said why not, let's get that done.

So naturally, the topic for today is: how you resize buttons and badges!

Well first off you have to get the button's code(the one that you want to resize) and I will use my Boost My Blog Friday button as an example for this one. Here's the button and how big it looks in its original size:


Next step, I need to copy my button's HTML code(or in your case the button you want to resize) and let's say i want to make it 155px wide and 125px high. For that I need to add these values to the code:
width: 155px; height: 125px; --->add them right after the "<img" tag, even tough there's a long string of code afterwords until the end tag "/>"
And that simple change will transform the button into a smaller version of it, like mine, from this:

  to this:  

Now of course with each button the values change, naturally, but you need to keep the difference the same; like if you downsized a button in width from 175px to 145px subtracting 30px, then you will do the same for the height from 155px to 125px, subtracting 30px as well. SO keep the balance.

Hope it helped!! For more tips on HTML, SEO, blogger help and more, check back everyday so you don't miss any of the Technical Support :)