This Page

has moved to a new address:

http://www.burnthismamadown.com

Sorry for the inconvenienceā€¦

Redirection provided by Blogger to WordPress Migration Service
<data:blog.pageTitle/>

This Page

has moved to a new address:

http://www.burnthismamadown.com

Sorry for the inconvenienceā€¦

Redirection provided by Blogger to WordPress Migration Service
----------------------------------------------- Blogger Template Style Name: Minima Designer: Douglas Bowman URL: www.stopdesign.com Date: 26 Feb 2004 ----------------------------------------------- */ body { background:#fff; margin:0; padding:40px 20px; font:x-small Georgia,Serif; text-align:center; color:#333; font-size/* */:/**/small; font-size: /**/small; } a:link { color:#58a; text-decoration:none; } a:visited { color:#969; text-decoration:none; } a:hover { color:#c60; text-decoration:underline; } a img { border-width:0; } /* Header ----------------------------------------------- */ @media all { #header { width:660px; margin:0 auto 10px; border:1px solid #ccc; } } @media handheld { #header { width:90%; } } #blog-title { margin:5px 5px 0; padding:20px 20px .25em; border:1px solid #eee; border-width:1px 1px 0; font-size:200%; line-height:1.2em; font-weight:normal; color:#666; text-transform:uppercase; letter-spacing:.2em; } #blog-title a { color:#666; text-decoration:none; } #blog-title a:hover { color:#c60; } #description { margin:0 5px 5px; padding:0 20px 20px; border:1px solid #eee; border-width:0 1px 1px; max-width:700px; font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.2em; color:#999; } /* Content ----------------------------------------------- */ @media all { #content { width:660px; margin:0 auto; padding:0; text-align:left; } #main { width:410px; float:left; } #sidebar { width:220px; float:right; } } @media handheld { #content { width:90%; } #main { width:100%; float:none; } #sidebar { width:100%; float:none; } } /* Headings ----------------------------------------------- */ h2 { margin:1.5em 0 .75em; font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.2em; color:#999; } /* Posts ----------------------------------------------- */ @media all { .date-header { margin:1.5em 0 .5em; } .post { margin:.5em 0 1.5em; border-bottom:1px dotted #ccc; padding-bottom:1.5em; } } @media handheld { .date-header { padding:0 1.5em 0 1.5em; } .post { padding:0 1.5em 0 1.5em; } } .post-title { margin:.25em 0 0; padding:0 0 4px; font-size:140%; font-weight:normal; line-height:1.4em; color:#c60; } .post-title a, .post-title a:visited, .post-title strong { display:block; text-decoration:none; color:#c60; font-weight:normal; } .post-title strong, .post-title a:hover { color:#333; } .post div { margin:0 0 .75em; line-height:1.6em; } p.post-footer { margin:-.25em 0 0; color:#ccc; } .post-footer em, .comment-link { font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } .post-footer em { font-style:normal; color:#999; margin-right:.6em; } .comment-link { margin-left:.6em; } .post img { padding:4px; border:1px solid #ddd; } .post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; } /* Comments ----------------------------------------------- */ #comments h4 { margin:1em 0; font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.2em; color:#999; } #comments h4 strong { font-size:130%; } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block dt { margin:.5em 0; } #comments-block dd { margin:.25em 0 0; } #comments-block dd.comment-timestamp { margin:-.25em 0 2em; font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } #comments-block dd p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } .paging-control-container { float: right; margin: 0px 6px 0px 0px; font-size: 80%; } .unneeded-paging-control { visibility: hidden; } /* Sidebar Content ----------------------------------------------- */ #sidebar ul { margin:0 0 1.5em; padding:0 0 1.5em; border-bottom:1px dotted #ccc; list-style:none; } #sidebar li { margin:0; padding:0 0 .25em 15px; text-indent:-15px; line-height:1.5em; } #sidebar p { color:#666; line-height:1.5em; } /* Profile ----------------------------------------------- */ #profile-container { margin:0 0 1.5em; border-bottom:1px dotted #ccc; padding-bottom:1.5em; } .profile-datablock { margin:.5em 0 .5em; } .profile-img { display:inline; } .profile-img img { float:left; padding:4px; border:1px solid #ddd; margin:0 8px 3px 0; } .profile-data { margin:0; font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } .profile-data strong { display:none; } .profile-textblock { margin:0 0 .5em; } .profile-link { margin:0; font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } /* Footer ----------------------------------------------- */ #footer { width:660px; clear:both; margin:0 auto; } #footer hr { display:none; } #footer p { margin:0; padding-top:15px; font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } /* Feeds ----------------------------------------------- */ #blogfeeds { } #postfeeds { }

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!

Labels:

7 Comments:

Blogger Erin said...

Thanks, Cribs. These are really helpful.

June 1, 2011 at 12:09 PM  
Blogger Tanja @ Postmodern Hostess said...

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!

June 2, 2011 at 7:03 AM  
Blogger Christina said...

@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!

June 2, 2011 at 9:10 AM  
Anonymous trickyangel said...

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

June 19, 2011 at 11:38 PM  
Anonymous world of warcraft gold said...

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. :)

June 20, 2011 at 12:25 AM  
Anonymous Anonymous said...


n response to the National Day "Golden Week" tourists blowout situation, Mogao suspended ticket reservation find cheap michael kors bag and additional temporary ticket at the Mogao Grottoes.BEIJING, Fuzhou, October 4 (Reporter Long Min), Fujian, flood control michael kors hamilton tote office on the 4th informed that, by the "Palestinian Peng" effect, central and northern Fujian waters, outside Michael Kors crossbody bags the fisheries Fujian, Fujian fishing grounds, such as the Diaoyu Islands waters off the giant wind wave.In <a href="http

October 10, 2014 at 2:16 AM  
Anonymous Anonymous said...

said, "With our new iPhone, iPad, Innovative products on Mac OS X and iOS 8 and Yosemite, and gucci outlet online we will have Moncler Coats apples in the Michael Kors outlet history of the Christian Louboutin online store most powerful portfolio Michael Kors handbags in this year's [wuwenting1031] holiday sales season, <a href="http://www.newbalance

October 30, 2014 at 11:03 PM  

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.

Subscribe to Post Comments [Atom]

Links to this post:

Create a Link

<< Home

C + C Marriage Factory: Blogger Tips

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!

Labels: