April 2, 2011

Centering and spacing images in your sidebar

If you are someone who likes to collect lots of images and buttons in your sidebar, you might find that some images were made to be centered, while others are not.

There are a couple of quick and easy ways to neaten up those sidebar images.

To center images only takes a bit of code:

You can choose to center each individual image with this. Or you can put all of your images in one HTML widget and center them all at once, by adding the centering code to the beginning and end, with all of those image codes in between.

You can also use some code to space out your images evenly.

I have all of my images lined up in the same HTML widget box. When I first uploaded them, they were stacked close together. In order to make a little space between them, I had to add a line break.

Now they have a nice little space so each can be seen easily.
The code for the line break is in the next image below...







So, each time you'd like a space between two images, you can add the code shown in blue, right after the image code.

This will work for any kind of image you place in your sidebar.

If you'd like even more space, just add this same code two or three times in a row. This will make the space between your images even larger.

Happy Weekend! I'm happy to report that yesterday's snow is melting quickly. I hope you're all having some nice, springy weather!

6 comments:

  1. LOL!!! I cannot believe you posted this! I literally have spent the last hour trying to make my side bar not look so disgusting!

    ReplyDelete
  2. Hello :) Help PLEASE! I am anxious to get my blog up and running. I appreciate all of your posts. I started at your oldest in tech tips and am trying to figure all this out! I made a header in 'publisher' but how do I get it to be an 'image' that I can upload. I don't have photoshop, not sure if that's what you need...I'm trying, but I am a little frustrated and confused! Thank you, Nancy Wilson nancydwilson@hotmail.com

    ReplyDelete
  3. Hey Nancy! I'm sending you an email right now!

    ReplyDelete
  4. Thanks for this tip Kristen! I just set up my twitter after you installed my *fabulous* new buttons Saturday and twitter does take some getting used to. Social networking is definitely important in the blogging world I think. I did learn that you can text tweets to your twitter account via your phone! You have to download the app (I have a droid) and then you just text your update to 40404 and it automatically updates your tweet!

    I like the FB pages too for posting blog updates.

    Amy
    totalteachaholic.blogspot.com

    ReplyDelete
  5. I am very new to this and I was wondering how to but someone button on your page. I see it on a lot of blogs but I can't find a gadget for it. Please help me!!!

    ReplyDelete