html
{
margin: 0;
/* setting border: 0 hoses ie6 win window inner well border */
padding: 0;
}
body
{
margin: 0;
/* setting border: 0 hoses ie5 win window inner well border */
padding: 0;
font-family: verdana, 'trebuchet ms', sans-serif;
font-size: 12px;
}
form { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote
{
margin-top: 10px;
margin-bottom: 10px;
}
/* standard helper classes */
.clr
{
clear: both;
overflow: hidden;
width: 1px;
height: 1px;
margin: 0 -1px -1px 0;
border: 0;
padding: 0;
font-size: 0;
line-height: 0;
}
/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */
/* page layout */
body { text-align: center; } /* center on ie */
#container
{
position: relative;
margin: 0 auto; /* center on everything else */
width: 902px;
text-align: left;
}
#container-inner { position: static; width: auto; }
#banner { position: relative; }
#banner-inner { position: static; }
#pagebody { position: relative; width: 100%; }
#pagebody-inner { position: static; width: 100%; }
#alpha, #beta, #gamma, #delta
{
display: inline; /* ie win bugfix */
position: relative;
float: left;
min-height: 1px;
}
#delta { float: right; }
#alpha-inner, #beta-inner, #gamma-inner, #delta-inner
{
position: static;
}
/* banner user/photo */
.banner-user
{
float: left;
overflow: hidden;
width: 64px;
margin: 0 15px 0 0;
border: 0;
padding: 0;
text-align: center;
}
.banner-user-photo
{
display: block;
margin: 0 0 2px 0;
border: 0;
padding: 0;
background-position: center center;
background-repeat: no-repeat;
text-decoration: none !important;
}
.banner-user-photo img
{
width: 64px;
height: auto;
margin: 0;
border: 0;
padding: 0;
}
/* content */
.content-nav
{
margin: 10px;
text-align: center;
}
.date-header,
.entry-content
{
position: static;
clear: both;
}
.entry,
.trackbacks,
.comments,
.archive
{
position: static;
overflow: hidden;
clear: both;
width: 100%;
margin-bottom: 20px;
}
.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed
{
clear: both;
margin: 5px 10px;
}
.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more
{
clear: both;
}
.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content
{
clear: both;
margin: 5px 10px 20px 10px;
}
.comments-open label { display: block; }
#comment-author, #comment-email, #comment-url, #comment-text
{
width: 240px;
}
#comment-bake-cookie
{
margin-left: 0;
vertical-align: middle;
}
#comment-post
{
font-weight: bold;
}
img.image-full { width: 100%; }
.image-thumbnail
{
float: left;
width: 115px;
margin: 0 10px 10px 0;
}
.image-thumbnail img
{
width: 115px;
height: 115px;
margin: 0 0 2px 0;
}
/* modules */
.module
{
position: relative;
overflow: hidden;
width: 100%;
}
.module-content
{
position: relative;
margin: 5px 10px 20px 10px;
}
.module-list,
.archive-list
{
margin: 0;
padding: 0;
list-style: none;
}
.module-list-item
{
margin-top: 5px;
margin-bottom: 5px;
}
.module-presence img { vertical-align: middle; }
.module-powered .module-content { margin-bottom: 10px; }
.module-photo .module-content { text-align: center; }
.module-wishlist .module-content { text-align: center; }
.module-calendar .module-content table
{
border-collapse: collapse;
}
.module-calendar .module-content th,
.module-calendar .module-content td
{
width: 14%;
text-align: center;
}
.typelist-thumbnailed { margin: 0 0 20px 0; }
.typelist-thumbnailed .module-list-item
{
display: block;
clear: both;
margin: 0;
}
/* positioniseverything.net/easyclearing.html */
.typelist-thumbnailed .module-list-item:after
{
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html .typelist-thumbnailed .module-list-item { display: inline-block; }
/* no ie mac \*/
* html .typelist-thumbnailed .module-list-item { height: 1%; }
.typelist-thumbnailed .module-list-item { display: block; }
/* */
.typelist-thumbnail
{
float: left;
min-width: 60px;
width: 60px;
/* no ie mac \*/width: auto;/* */
margin: 0 5px 0 0;
text-align: center;
vertical-align: middle;
}
.typelist-thumbnail img { margin: 5px; }
.module-galleries .typelist-thumbnail img { width: 50px; }
.typelist-description
{
margin: 0;
padding: 5px;
}
.module-featured-photo .module-content,
.module-photo .module-content
{
margin: 0;
}
.module-featured-photo img { width: 100%; }
.module-recent-photos { margin: 0 0 15px 0; }
.module-recent-photos .module-content { margin: 0; }
.module-recent-photos .module-list
{
display: block;
height: 1%;
margin: 0;
border: 0;
padding: 0;
list-style: none;
}
/* positioniseverything.net/easyclearing.html */
.module-recent-photos .module-list:after
{
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html .module-recent-photos .module-list { display: inline-block; }
/* no ie mac \*/
* html .module-recent-photos .module-list { height: 1%; }
.module-recent-photos .module-list { display: block; }
/* */
.module-recent-photos .module-list-item
{
display: block;
float: left;
/* ie win fix \*/ height: 1%; /**/
margin: 0;
border: 0;
padding: 0;
}
.module-recent-photos .module-list-item a
{
display: block;
margin: 0;
border: 0;
padding: 0;
}
.module-recent-photos .module-list-item img
{
width: 60px;
height: 60px;
margin: 0;
padding: 0;
}
/* mmt calendar */
.module-mmt-calendar { margin-bottom: 15px; }
.module-mmt-calendar .module-content { margin: 0; }
.module-mmt-calendar .module-header { margin: 0; }
.module-mmt-calendar .module-header a { text-decoration: none; }
.module-mmt-calendar table { width: 100%; }
.module-mmt-calendar th { text-align: left; }
.module-mmt-calendar td
{
width: 14%;
height: 75px;
text-align: left;
vertical-align: top;
}
.day-photo
{
width: 54px;
height: 54px;
}
.day-photo a
{
display: block;
}
.day-photo a img
{
width: 50px;
height: 50px;
}
/* * theme * */
/* basic page elements */
body
{
font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
font-size: 12px;
}
a { color: #36414d; text-decoration: underline; }
a:hover { color: #CCCC99; }
#banner a { color: #FFFFFF; text-decoration: none; }
#banner a:hover { color: #FFFFFF; }
h1, h2, h3, h4, h5, h6
{
font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
}
.module-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
{
/* ie win (5, 5.5, 6) bugfix */
p\osition: relative;
width: 100%;
w\idth: auto;
margin: 0;
border-top: 2px solid #660066;
border-right: 2px none #660066;
border-bottom: 2px solid #660066;
border-left: 2px none #CCCC99;
padding: 5px;
color: #660066;
background: #FFFFFF;
font-size: small;
font-weight:bold; line-height: 1;
}
.module-header a,
.module-header a:hover,
.trackbacks-header a,
.trackbacks-header a:hover,
.comments-header a,
.comments-header a:hover,
.comments-open-header a,
.comments-open-header a:hover
.archive-header a,
.archive-header a:hover
{
color: #660066;
}
.entry-more-link,
.entry-footer,
.comment-footer,
.trackback-footer,
.typelist-thumbnailed
{
font-size: px;
}
/* page layout */
body
{
min-width: 902px;
color: #CCCC99;
background: #CCCC99;
background-image: url("http://"); background-repeat: repeat-x;
}
#container
{
width:90%; margin-bottom: 20px;
background: #FFFFFF;
}
#container-inner
{
border-right: 5px solid #292E33;
border-bottom: 5px solid #292E33;
border-left: 5px solid #000000;
}
#banner
{
width: 100%;
padding: 50px
background-color: #CCCC99;
background-image: url("http://www.threekidcircus.com/test/mblegsheader.jpg"); background-repeat: no-repeat;
height: 191px;
}
#banner-inner
{
padding: 15px 13px;
border-top: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
border-left: 2px solid #FFFFFF;
}
#banner-header
{
margin: 0;
font-family: Georgia, 'Times New Roman', serif;
color: #660066;
font-size: small;
text-align: left;
font-weight:bold; line-height: 1;
}
#banner-description
{
margin-top: 5px;
margin-bottom: 0;
font-family: Georgia, 'Times New Roman', serif;
color: #660066;
font-size: small;
text-align: center;
font-weight:bold; background: none;
line-height: 1.125;
}
#alpha { float:left; margin: 0px 15px 0 15px; width:23%; background: #FFFFFF; background-repeat: no-repeat;
}
#beta { float:right; width:70%; background: transparent; }
#gamma, #delta { float:right; width:20%; background: transparent; }
#beta-inner,
#gamma-inner,
#delta-inner
{
padding: 10px 10px 0 10px;
border-width: 2px 2px 2px 0;
border-style: solid;
border-color: #fff;
}
#alpha-inner {
padding: 10px 10px 0 10px;
border-top: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
}
#beta-inner {
padding: 10px 10px 0 10px;
border-top: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
}
#gamma-inner {
padding: 10px 10px 0 10px;
border-top: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
}
.date-header
{
margin-top: 0;
background: #FFFFFF;
font-family: 'Trebuchet MS', Verdana, sans-serif;
text-align:left;
color: #660066;
font-size: x-small;
font-weight:bold;text-transform:uppercase;
}
.entry-header
{
margin-top: 0;
background: #FFFFFF;
font-family: Georgia, 'Times New Roman', serif;
text-align:left;
color: #666666;
font-size: small;
font-weight:bold; padding: 5px;
border-left: 5px solid #CCCC99;
}
.entry-content,
.comment-content,
.trackback-content
{
background: #FFFFFF;
font-family: 'Trebuchet MS', Verdana, sans-serif;
text-align:left;
color: #333333;
font-size: small;
margin: 0;
line-height: 1.5;
}
.entry-footer,
.comment-footer,
.trackback-footer
{
background: #FFFFFF;
margin: 0 0 20px 0;
font-family: 'Trebuchet MS', Verdana, sans-serif;
text-align:right;
color: #666666;
font-size: x-small;
border-top: 1px solid #dae0e6;
}
.comment-content,
.trackback-content,
.comment-footer,
.trackback-footer
{
margin-left: 10px;
}
.content-nav { margin-top: 0; }
#trackbacks-info
{
margin: 10px 0;
border: 1px dashed #a3b8cc;
padding: 0 10px;
color: #292e33;
font-size: 11px;
background: #e6ecf2;
}
.comments-open-footer
{
margin: 10px 0;
}
/* modules */
.module
{
margin: 0 0 10px 0;
}
.module-content
{
margin: 0 0 10px 0;
padding: 10px 10px 0 10px;
line-height: 1.2;
background: #CCCC99;
font-family: 'Trebuchet MS', Verdana, sans-serif;
text-align:left;
color: #333333;
font-size: x-small;
border-top: 1px solid #cfd4d9;
}
.module-calendar .module-content { margin: 5px 0 15px 0; }
.module-mmt-calendar .module-content table,
.module-calendar .module-content table
{
font-size: 10px;
}
.module-powered { border-width: 0; }
.module-powered .module-content
{
margin-bottom: 0;
padding-bottom: 10px;
background: #FFFFFF;
font-family: 'Trebuchet MS', Verdana, sans-serif;
text-align:left;
color: #292e33;
font-size: x-small;
border-top: 1px dashed #CCCC99;
border-right: 1px dashed #CCCC99;
border-bottom: 1px dashed #CCCC99;
border-left: 1px dashed #CCCC99;
}
.module-photo { background: none; }
.module-photo img { border: solid 1px #fff; }
.module-list
{
margin: 0 15px 10px 15px;
list-style: disc;
}
.module-list .module-list
{
margin: 5px 0 0 0;
padding-left: 15px;
list-style: circle;
}
.module-list-item
{
margin-top: 0;
color: #666;
line-height: 1.2;
}
.module-search input { font-size: 10px; }
.module-search #search { width: 100px; }
.module-photo img { border: 3px solid #fff; }
/* comments */
textarea[id="comment-text"] { width: 80%; }
.commenter-profile img
{
vertical-align: middle;
border-width: 0;
}
/* one-column tweaks */
.layout-one-column body { min-width: 520px; }
.layout-one-column #container { width:90%; }
.layout-one-column #banner { width: 100%; } /* necessary for ie win */
/* two-column-left tweaks */
.layout-two-column-left #alpha
{
margin: 0;
width:23%; background: transparent;
float:left;
}
.layout-two-column-left #alpha-inner
{
padding: 10px 10px 0 10px;
border-top: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
}
.layout-two-column-left #beta
{
float:right;
margin: 15px 15px 0 15px;
width:65%; background: #FFFFFF;
}
.layout-two-column-left #beta-inner
{
padding: 0;
border-width: 0;
}
/* three-column tweaks */
.layout-three-column #alpha
{
margin: 0;
width:20%; background: transparent;
float:left;
}
.layout-three-column #alpha-inner
{
padding: 10px 10px 0 10px;
border-top: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
}
.layout-three-column #beta
{
float:left;
margin: 15px 15px 0 15px;
width:50%; background: #FFFFFF;
}
.layout-three-column #beta-inner
{
padding: 0;
border-width: 0;
}
.layout-three-column #gamma
{
margin: 0;
width:20%; background: transparent;
float:right;
}
.layout-three-column #gamma-inner
{
padding: 10px 10px 0 10px;
border-top: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
}
« Sticks and stones may break my bones, but the way you make me feel changes me |
Main
| Starting your mom blog (Part II)- What's in a name? »
Today I am starting a month long series on starting a mom blog. I have had many requests on some of the ins and outs, do's and do not's as well as a few basic ways to move forward once you have a blog. Today we will focus on your blog platform. Now, I know that this particular segment may bore the snot out of many of you, but we have to start at the beginning. (A very good place to start...sing with me!) Anyway, we need to learn about what kind of platform you want to use. Basically, how to do you choose where to start your blog? Which blog platform is right for you? I am not going to tell you which to choose because it really is personal and each platform has both its own pros and cons. I will just list some of the popular ones and some mom bloggers who use them.
Some of the things you need to consider are your budget, how much of a commitment are you planning on putting into your blog? How personalized do you want it to become? Do you want your own domain name or are you fine with a tag-on platform name? Let's start with a few of the basic platforms.
One of the easiest platforms that many bloggers start with is Blogger. Blogger hosts your site and let's you choose from many different templates. It is free to use, the templates are easy to use and the speed of use is relatively quick. The storage space is 300MB. (Pretty great!) Many bloggers start with blogger and enjoy it so much they stay with it. A good example of mom bloggers who use blogger are Baby on Bored and Suburban Turmoil. Both quality and well designed blogs. Both hosted on Blogger. It is the platform I stared with when I first launched my blog.
Another site that can host your blog is Wordpress. Wordpress is free and has the option of using Wordpress hosting or hosting your site elsewhere. Wordpress has some great pre-made templates. It also is one of the most configurable platforms out there. Wordpress can grow with your needs as your blog grows. Karen Rani of Vodkarella uses (and designs blogs for) Wordpress. My own personal blog is also using Wordpress. These are two examples of using a platform with our personalized domain name. A few that use the Wordpress url tag-on include Fracas and Dixon Seven Family Blog.
Now then, a choice if you want to pay for hosting is Typepad by Six Apart. Typepad has amazing features and is very easy to use. Storage space on Typepad is 100MB. TypePad's clean design makes it easy to work with, but its it limits its usefulness with it's inability to create static pages. Pricing on Typepad varies according to your personal blogging needs such as how many authors and how much storage and bandwidth you need. From Typepad's own page is states:
TypePad is the premier blogging service for professionals, hosting many of the world’s most popular blogs and small business websites. TypePad’s ease of use enables you to create a blog in minutes.
There are many blogs that are hosted on Typepad. Namely,
DotMoms (an amazing site of Mom bloggers) and
Silicon Valley Moms. Typepad is also a great platform if you plan on having multiple bloggers writing.
Now that we are into the paid platforms we bring you to the ever popular Movable Type. Many blogs I know of are run on Moveable Type. MT prices range from free for a personal license to $49.95 for a one year support contract. From the Six Apart page it states:
Movable Type is the platform that invented professional-grade blogging, powering the biggest and most successful blogs for pro bloggers, publishers, organizations, enterprises and businesses of any size. As blogging continues to evolve, Movable Type leads the way with reliable service, outstanding performance and continuous innovation.
Two well known and popular mom sites that run on Movable Type are Mommybloggers and Three Kid Circus.
Also from Six Apart, two more platforms worth looking into are Vox (that has incredible neighborhoods and add-ons that are terrific for new bloggers) and LiveJournal. They are both worth checking out as each has easy and unique features.
Finally, I bring you to Expression Engine. This is a blogging platform that is complete with many bells and whistles. If you need the extras it comes with, it is worth the heftier price than other platforms. The personal platform starts at $99.95 for the license. Recently they have added blog hosting if you are interested in keeping your blog hosted there. One popular mom blog that uses Expression Engine is The Mommy Blog.
Now, for many of you this may have made your eyes gloss over and you banged your head on your keyboard in boredom. However, it is important to choose the right platform. If you are going to be blogging for a while, it is good to choose a platform that will stay with you for the long haul.
I am sure that there are more platforms. Feel free to leave a comment letting me know what is your favorite and why.
Next up in the series: Names--blog names, domain names, and whether or not to use real names or not to use real names.
---
Cross posted series from BlogHer.
---
image source: Reconstruction
TrackBack URL for this entry:
http://www.mommybloggers.com/mt/mt-tb.cgi/542
