Resizing Your Blog-Love Buttons

Happy Tuesday!!  A few weeks ago I switched my linky party buttons from on each individual post to my blog sidebar.  Once I had all of my party buttons moved, they looked a little cluttered - different sizes and a little big for the space.  Soooo I did what any HTML lovin girl would do, I resized them to a more uniform size.  It's incredibly easy & anyone can do it!  Here's what I did...

Go into your Blogger Layout tab and decide where you would like the list of buttons to appear (in my case it was the left column), and select the [Add a Gadget] button:

Pick the Text Gadget from the pop-up list of basic gadgets:

Enter the title of your list (for this example I'm building my list of favorite blogs) and enter any separating titles in the main body (since this is a favs list, I'm separating by type):

Now for the fun (and really, the most time consuming) part, building out the list of buttons.  I had a mishmash of button links scattered throughout all of my posts.  I just sat down over a few days and slowly copied them one by one into a Notepad txt file so that I would have my list all together.  Toggle to the HTML view by selecting the Edit HTML link on the far right, under the Title (circled by red in the previous picture).  For this example, I only have one button:

A quick note, if your button link has a center tag and you would rather the buttons be left justified, simply remove the center tag and it's matching /center tag.


Now for the simple adjustment - all you need to do is add (or possibly change) a height and width size.  First step is to look for an existing height and/or width specification in the tag.  If one exists, all you'll need to do is alter the numbers.  If not, you simply need to copy in this style="WIDTH: 47px; HEIGHT: 44px"  I used 47 pixels wide by 44 pixels high.  I found it to be the size that worked well with most of my button collection.  You can fiddle with the height and width until you are satisfied with the dimentions:

To view what the button will look like on your page, simply toggle back to the Rich Text view:

And here's what my button looks like on my blog:

(and seriously, who does not love Dana @ MADE?!?)

For any new link up parties, I simply edit the Gadget, add the new button and edit the height & width size...easy peasy :)