Even though I have been blogging since 2006, I am no expert blogger by any means! When my site was hosted on Blogger I learned a lot of tips and tricks simply by searching online for tutorials- I never paid anyone to help me with anything and I think I did a pretty good job making my site look nice. (WordPress is another story- I’m still pretty clueless!) But one of the easiest “tricks” I happened upon all by myself was how to resize a blog button. I discovered this trick completely on accident and I was amazed that I didn’t see it sooner- it is so obvious and SO easy!
Until I came across this “trick” I would literally make a new button myself for every button that I grabbed so that it fit on my sidebar exactly how I wanted it to- it was such a pain!!! When my sidebar became the prettiest in blogland (ahem.) I received quite a few comments asking me how I got all my buttons lined up so nicely and all the same size. So for all of you who have been wondering, here is the EASY tutorial:
First, you need to add your html gadget. From your dashboard, click the “Layout Tab” then “Add A Gadget”.
A box that looks like this will come up:
Add the html code for the button you want to add and it will look something like this:
From this page that looks like a foreign language, click on the “rich text” link.
It will show you something like this:
Now you can then click on the picture of the button and when it is highlighted, you can drag it to make it bigger or smaller. The dimensions will show up too, so you can make it 125×125 or 300×300… whichever you prefer to fit in you sidebar!
If you can navigate your way through your html code, you can also adjust the size manually by adjusting the numbers of the dimensions right from your code, like this:
Change the dimension numbers by typing over the existing dimensions. Not all button codes will have their dimensions in the code, but if you go through all of the above steps (dragging the corner of the picture etc.) the button code will automatically change, adding the dimensions into the actual code.
THAT IS IT!!!
No more overlapping buttons on your sidebar!!!
This tutorial originally published on Somewhat Simple in November 2009 but was updated in October 2013 to show the newest Blogger dashboard images.