Tech Tuesday: How to center those badges/banners on your blog

I’ve been blogging for about 5 years now (although only for a year as a geneablogger).

When I first started out, all of the badges and widgets in my sidebar were randomly placed. Some to the left. Some to the right. Some centered.  It looked awkward to me.

HTML code is scary though and I had no idea how to fix my badges and make them beautifully centered in the middle of my sidebar.

Somewhere along the way, I figured it out.  And it’s really simple.  Like, why-didn’t-I-figure-this-out-earlier simple.

And I want to share it with you fellow bloggers who might not already know how to do this.

All you need to do is go into the area where you add your widgets and open it up to where the HTML code for your button/badge it.

At the very beginning of all of that code, add <center>  and at the very end of all of the code, add </center>

That’s it.  Easy peasy.

Related Posts Plugin for WordPress, Blogger...
  • Caroline Gurney - March 22, 2011 - 8:21 am

    Thanks for this very useful tip, Jen. Now could you please tell us how you created that awesome banner with the changing pictures?ReplyCancel

  • Jen - March 22, 2011 - 8:35 am

    Caroline,
    I wish I had the technical expertise to tell you how to make a banner like that, but I don’t.
    I made the 3 different banners in Photoshop Elements. I use a self-hosted WordPress site and bought a “theme” from ProPhoto Blogs (I actually bought it for my other blog, but was ale to use it for this one too). So essentially, it came with the theme. All I had to do was choose the “built-in flash slideshow” button and then upload my banners. There are so many choices and customizations with this theme, it’s a lot of fun to play with!ReplyCancel

  • Caroline Gurney - March 22, 2011 - 9:24 am

    Thanks, Jen. I love the folk art theme of your blog – eye candy :-)ReplyCancel

    • Jen - March 22, 2011 - 12:13 pm

      I just found a digital scrapbooking “kit” online and asked the lady who made it if I could use it for a blog. Then I designed the header and buttons and such with that. I loved it because it had a “family tree” sort of a theme to it. :)ReplyCancel

  • Shelley Bishop - March 22, 2011 - 12:46 pm

    Thank you, Jen for this great little tip! I love your blog design and really enjoy reading your posts. It gives me great pleasure to give you the One Lovely Blog Award. You can find the details at my blog, A Sense of Family: http://asenseoffamily-sb.blogspot.com/ReplyCancel

  • Shelley Bishop - March 22, 2011 - 12:59 pm

    Thanks, Jen, for this great little tip! I love your blog design and really enjoy reading your posts. It gives me great pleasure to give you the One Lovely Blog Award. You can find the details on my blog, A Sense of Family, at: asenseoffamily-sb@blogspot.comReplyCancel

  • Pat Kuhn - March 22, 2011 - 4:57 pm

    thank’s for the tip, I will give it a try!ReplyCancel

  • Cherie Cayemberg - April 5, 2011 - 9:58 am

    What about centering the pictures? I can’t add code to center the images I added on the sidebar (NGS member, the 2011 FTM blog award, etc) and I don’t know how to convert an image to html to add it and center it that way…any advice? Thanks! :)ReplyCancel

Your email is never published or shared. Required fields are marked *

*

*

Share on FacebookTweet this PostPin Images to PinterestBack to Top
F i n d   i t
B l o g r o l l
T a g s
B u t t o n