When I first began blogging, it took me a while to figure out HTML. I'd like to be able to put more buttons on my blog, but there just isn't enough room. Then there's those CUTE icons you can get for all your social media hang outs.
So here's what you can do to adjust the size of any of your graphics in HTML:
You have two symbols that hold your tag the greater than and less than symbols
In between those two symbols you have some letters to indicate the image source
then the equals sign and two quotations marks
In between the quotes is the url of the image which begins with
After the last quotation mark you can enter the size codes:
Click on this image to view full size:
This will adjust the size of your buttons from this:
I also resized the three teen blogs buttons to 75x75 with this simple code. Now all three of them can fit on one line.
Real quick let me explain the icons I have at the top of the page.
- Pix-O-Sphere (my favorite family friendly photo hosting site.)
- StumbleUpon (where I review and recommend various homeschool websites, articles, and blogs)
- TheBlogFrog (linking to my page there.)
- RSS feed
- My Facebook
- And Contact me(email address)
All these icons are 32x32. This is a standard size, but there are many unique icons out there and many blog designers can customize your buttons in your design order. Be sure to ask them if there is an additional fee.
You can find a variety of icon styles at Web Design Ledger