Wednesday, June 1, 2011

Blogger Tips

Since I started blogging in 2008, Blogger has improved its blogging platform immensely. However, I have still needed to tweak my blog to get it to perform as best as my limited knowledge of html/css will allow. Mainly this is done during feverish googling fits. I have collected some great resources along the way and thought I would share them with you.
I wanted a wide template so that I could use large pictures but blogger's design tool only allows up to 1000px. You can manually widen the simple template in html. To do so go to Design > Edit HTML. Do a ctrl+f to find the accents section. Under that section you should find something that says: name='content.width' type='length' value='1000px' you can make your blog wider by changing that number. My blog is 1100px.

I also removed the padding from the columns to give myself more space. I did that by going to Design > Template Designer > Advanced > Add CSS and copying and pasting the following code:

.main-inner .column-center-inner {

padding-top: 0pt;
padding-right: 15px;
padding-bottom: 0pt;
padding-left: 15px;
}

.main-inner .column-left-inner {
padding-top: 0pt;
padding-right: 15px;
padding-bottom: 0pt;
padding-left: 15px;
}

.main-inner .column-right-inner {
padding-top: 0pt;
padding-right: 15px;
padding-bottom: 0pt;
padding-left: 15px;
}

I then changed all of the padding to 0px which removed it all from my blog.

I've done some other tweaks over the years but these are the ones that I have remembered to bookmark. I am by no means an expert but let me know if you have any questions and I will be happy to help!

5 comments:

Erin said... [Reply to comment]

Thanks, Cribs. These are really helpful.

Tanja @ Postmodern Hostess said... [Reply to comment]

Thanks for these tips! Very timely, with Blogger acting up so much lately.

I adjusted my template the hard way through trial and error with the HTML, so I'm wishing I'd had this code to just copy and paste when I did. And that external links script is genius! I have been manually typing in target="_blank" into my links for all this time, but that stops now. Wohoo!

Christina said... [Reply to comment]

@Tanja @ Postmodern Hostess Glad you found one you could use! I wasn't even doing the target="_blank" before so that one was a big help for me!

trickyangel said... [Reply to comment]

Your site was recommended to me by a friend. Btw, you have a cool collections of resources.

world of warcraft gold said... [Reply to comment]

Thanks for this christina! I'm actually looking for ways on how could I make my blog wider for more space and I must say that this is a good find. :)

Post a Comment

I love comments! Thanks for taking the time to leave me one! If you have a specific question, please make sure that your email is linked to your account so that I can respond to you directly.

Related Posts with Thumbnails
© 2012 Christina Frey. Template images by andynwt. Powered by Blogger.