Christine's Blog Templates
Templates Without Images
These templates have no images, and will load quickly for everyone. They are designed to work with Blogger's new system to give you more customization options than the templates offered by Blogger, so you have more power to create your own personal style. They're tested, work correctly, and are cross browser compatible.What kind of template are you looking for?
Read more about the features of my templates.
PLEASE NOTE: These templates are only for blogs hosted at Blogspot or using Custom Domain. FTP blogs cannot use the new features that come with the new templates.
For news and updates, sign up for my
RSS feed.
About Options:
- Choose the width and number of columns of your layout. This is the basic framework of your template, and you cannot change it without editing your html/css.
- Fixed width templates are 770px wide or less, and usually display in the center of the screen (like the page you're looking at).
- Expandable, flexible, or fluid width templates will expand and shrink with the width of the viewer's window. They leave little space on the sides of the layout, regardless of monitor resolution. You can test the expansion while looking at the preview files by making your window smaller and larger.
- Choose a default scheme. The schemes show different color and font options. These are all things you can change yourself through your Fonts and Colors page in your Blogger admin area. So you could purchase any default scheme and make it look exactly like another (shown on the same template)- without ever touching your template html/css.
About Payment:
Payment is through Paypal. You can use a credit or debit card, which does not require a PayPal account; money already in your PayPal account; or a bank draft, which does require a free PayPal account. I do not get your financial information, I just get the payment.Click the images below to see a preview of each layout
with color scheme options accessed through a menu at the top of the preview page. Javascript must be enabled, and it may try to write a cookie to your computer for the different styles to display. Links on the blog portion of these preview pages don't work correctly, they're left enabled so you can see what the links will look like. These preview files are not blog templates, and will not work on your blog. Screen shots taken with IE at 1024x768 resolution.Important! By purchasing, using, or having possession of one of these templates, you agree that you've read and agree to the Terms of Use. They are legally binding. Template code, images, and site content are copyright protected.
Bill The Lizard
Bill The Lizard is similar to Widgetopia in functionality, but looks a bit different. It offers 18 different layouts and 30 color schemes to choose from. Each layout has 5 to 7 areas into which you can place widgets, and there are multiple font and color controls built in, for lots of flexibility. Add a header image, move some widgets, change some colors, have a simple or complex color scheme, show widget borders or not, change your fonts . . . this is a template you can easily modify if/when you want a change.- Assign colors to each type of widget independently of the others, through Blogger's Fonts and Colors page.
- No tables are used in these layouts, for faster loading times. Aka css only, or divs only layouts.
- Easy to change color schemes. I've created several color schemes with only 2, 3, or 4 colors, making them very easy to modify. Read more here. These templates still allow you to create every color scheme I am displaying, and many more, through Blogger's Fonts and Colors page.
- Different width side columns on three column layouts. One side column is larger than the other to give you more space for wide items, without breaking your page display. The thinner column is wide enough for many widgets, including google ads.
- Double width side column above or below the two regular side columns. This is another way to fit wider side items into your layout without breaking the page display. Read more here.
- Can be used in multiple ways, depending on where you place your widgets. Place all widgets in header, banner, or footer for a one column layout. The layouts with a double width side column can be three column, or only two column (by placing all your side widgets in the double width section).
- Sections into which you can place widgets are header, banner, 2 or 3 columns, double wide side column, and footer. All widgets can go in all sections, and there are no limits on the number of widgets in any section.
- For each widget type, you can edit these through Blogger's Fonts and Colors page:
- Title color
- Title background color
- Title border color
- Widget border color
- Content background color
- Content text color
- Link colors for widgets which may contain links
- Also editable through Blogger's Fonts and Colors page:
- Page background color
- Content background color
- Content border color
- Page text font
- Header text color
- Header background color
- Header links colors
- Header font
- Description text color
- Description background color
- Description links colors
- Description font
- Widget Title font
- Widget font
- Date text color
- Date background color
- Date border color
- Date font
- Post Title text color
- Post Title link colors
- Post Title background color
- Post Title font
- Post text color
- Post background color
- Post link colors
- Post border color
- Post font
- Blockquote text color
- Blockquote background color
- Blockquote border color
- Blockquote font
- Credit text color
- Credit link colors
- H4 text color
- H4 font
- H5 text color
- H5 font
- H6 text color
- H6 font
Two Column, Fixed Width, Side on Left
Click Image For Preview
Two Column, Fluid Width, Side on Left
Click Image For Preview
Two Column, Fixed Width, Side on Right
Click Image For Preview
Two Column, Fluid Width, Side on Right
Click Image For Preview
Three Column, Fixed Width
Click Image For Preview
Three Column, Fluid Width
Click Image For Preview
Three Column, Fixed Width, Sides on Left
Click Image For Preview
Three Column, Fluid Width, Sides on Left
Click Image For Preview
Three Column, Fixed Width, Sides on Right
Click Image For Preview
Three Column, Fluid Width, Sides on Right
Click Image For Preview
Three Column, Fixed Width, Sides on Left, Double Wide on Top
Click Image For Preview
Three Column, Fixed Width, Sides on Left, Double Wide on Bottom
Click Image For Preview
Three Column, Fluid Width, Sides on Left, Double Wide on Top
Click Image For Preview
Three Column, Fluid Width, Sides on Left, Double Wide on Bottom
Click Image For Preview
Three Column, Fixed Width, Sides on Right, Double Wide on Top
Click Image For Preview
Three Column, Fixed Width, Sides on Right, Double Wide on Bottom
Click Image For Preview
Three Column, Fluid Width, Sides on Right, Double Wide on Top
Click Image For Preview
Three Column, Fluid Width, Sides on Right, Double Wide on Bottom
Click Image For Preview
| Maximum content widths that will not cause a side scroll or break the page display at 800px or wider resolutions. | Fixed HEIGHT Header / Description |
Fixed HEIGHT Date / Post Title |
Header | Banner, & Footer | Blog Posts | Wider Side Column | Thinner Side Column | Double Side Column |
| Two Column, Fixed Width | 150px | 60px | 744px | 728px | 502px | 206px | - | - |
| Two Column, Fluid Width | 150px | 60px | 744px | 728px | 502px | 206px | - | - |
| Three Column, Fixed Width | 150px | 60px | 744px | 728px | 354px | 208px | 136px | - |
| Three Column, Fluid Width | 150px | 60px | 744px | 728px | 354px | 208px | 136px | - |
| Three Column, Fixed Width, With Double | 150px | 60px | 744px | 728px | 354px | 208px | 136px | 354px |
| Three Column, Fluid Width, with Double | 150px | 60px | 744px | 728px | 354px | 208px | 136px | 354px |
| Fixed Width, same width side columns (must be requested at time of purchase) | 150px | 60px | 744px | 728px | 354px | 172px | 172px | 354px |
| Fluid Width, same width side columns (must be requested at time of purchase) | 150px | 60px | 744px | 728px | 354px | 172px | 172px | 354px |
| Maximum content widths that will not cause a side scroll or break the page display at 1024px or wider resolutions. Fixed width layouts are as stated above. | Fixed HEIGHT Header / Description |
Fixed HEIGHT Date / Post Title |
Header | Banner, & Footer | Blog Posts | Wider Side Column | Thinner Side Column | Double Side Column |
| Two Column, Fluid Width | 150px | 60px | 967px | 950px | 658px | 272px | - | - |
| Three Column, Fluid Width | 150px | 60px | 967px | 950px | 466px | 274px | 180px | - |
| Three Column, Fluid Width, with Double | 150px | 60px | 967px | 950px | 466px | 274px | 180px | 466 |
| Fluid Width, same width side columns (must be requested at time of purchase) | 150px | 60px | 967px | 950px | 466px | 227px | 227px | 466 |
Widgetopia
October 2007- Widgetopia is very similar to Bill the Lizard in functionality, but looks a bit different. It now offers 18 different layouts and 30 color schemes to choose from. Each layout has 5 to 7 areas into which you can place widgets, and there are multiple font and color controls built in, for lots of flexibility. Add a header image, move some widgets, change some colors, have a simple or complex color scheme, show widget borders or not, change your fonts . . . this is a template you can easily modify if/when you want a change.- Assign colors to each type of widget independently of the others, through Blogger's Fonts and Colors page.
- New, no tables are used in the html of these templates, for faster loading times.
- New, easy to change color schemes. I've created several color schemes with only 2, 3, or 4 colors, making them very easy to modify. Read more here. These templates still allow you to create every color scheme I am displaying, and many more, through Blogger's Fonts and Colors page.
- New, different width side columns on three column layouts. One side column is larger than the other to give you more space for wide items, without breaking your page display. The thinner column is wide enough for many widgets, including google ads.
- Double width side column above or below the two regular side columns. This is another way to fit wider side items into your layout without breaking the page display. Read more here.
- Can be used in multiple ways, depending on where you place your widgets. Place all widgets in header, banner, or footer for a one column layout. The layouts with a double width side column can be three column, or only two column (by placing all your side widgets in the double width section).
- These templates are perfect for header images, added with Blogger's Header widget image upload feature. There are a lot of color options, to color coordinate the page with the image and create your own look.
What else is changed?
- Added color options for the Poll, Newsbar, and Videobar widgets.
- Added color options for Description links.
- Added font and color options for blockquotes.
- Added option for post font.
- Added option for widget font.
- Added a separate color control for the border below widget titles.
- Removed much of the empty space between and inside of widgets (more room for content).
- Removed post title link underline.
- Removed header link underline.
- Decreased border width from 2px to 1px.
- Various other tweaks I neglected to write down.
- Sections into which you can place widgets are header, banner, 2 or 3 columns, double wide side column, and footer. All widgets can go in all sections, and there are no limits on the number of widgets in any section.
- For each widget type, you can edit these through Blogger's Fonts and Colors page:
- Title color
- Title background color
- Title border color
- Widget border color
- Content background color
- Content text color
- Link colors for widgets which may contain links
- Also editable through Blogger's Fonts and Colors page:
- Page background color
- Page text font
- Header text color
- Header background color
- Header links colors
- Header font
- Description text color
- Description background color
- Description links colors
- Description font
- Widget Title font
- Widget font
- Date text color
- Date background color
- Date border color
- Date font
- Post Title text color
- Post Title link colors
- Post Title background color
- Post Title font
- Post text color
- Post background color
- Post link colors
- Post border color
- Post font
- Blockquote text color
- Blockquote background color
- Blockquote border color
- Blockquote font
- Credit text color
- Credit link colors
- H4 text color
- H4 font
- H5 text color
- H5 font
- H6 text color
- H6 font
Two Column, Fixed Width, Side on Left
Click Image For Preview
Two Column, Fluid Width, Side on Left
Click Image For Preview
Two Column, Fixed Width, Side on Right
Click Image For Preview
Two Column, Fluid Width, Side on Right
Click Image For Preview
Three Column, Fixed Width
Click Image For Preview
Three Column, Fluid Width
Click Image For Preview
Three Column, Fixed Width, Sides on Left
Click Image For Preview
Three Column, Fluid Width, Sides on Left
Click Image For Preview
Three Column, Fixed Width, Sides on Right
Click Image For Preview
Three Column, Fluid Width, Sides on Right
Click Image For Preview
Three Column, Fixed Width, Sides on Left, Double Wide on Top
Click Image For Preview
Three Column, Fixed Width, Sides on Left, Double Wide on Bottom
Click Image For Preview
Three Column, Fluid Width, Sides on Left, Double Wide on Top
Click Image For Preview
Three Column, Fluid Width, Sides on Left, Double Wide on Bottom
Click Image For Preview
Three Column, Fixed Width, Sides on Right, Double Wide on Top
Click Image For Preview
Three Column, Fixed Width, Sides on Right, Double Wide on Bottom
Click Image For Preview
Three Column, Fluid Width, Sides on Right, Double Wide on Top
Click Image For Preview
Three Column, Fluid Width, Sides on Right, Double Wide on Bottom
Click Image For Preview
| Maximum content widths that will not cause a side scroll or break the page display at 800px or wider resolutions. | Header | Banner, & Footer | Main Column (blog posts) |
Larger Side Column | Smaller Side Column | Double Width Side Column |
| Two Column, Fixed | 770px | 760px | 530px | 200px | - | - |
| Two Column, Fluid | 770px | 760px | 524px | 216px | - | - |
| Three Column, Fixed | 770px | 760px | 380px | 200px | 130px | - |
| Three Column, Fluid | 770px | 760px | 408px | 178px | 144px | - |
| Three Column, Fixed, with Double | 770px | 760px | 380px | 200px | 130px | 350px |
| Three Column, Fluid, with Double | 770px | 760px | 408px | 178px | 144px | 332px |
| Three Column, Fixed same width side columns (must be requested at time of purchase) | 770px | 760px | 380px | 165px | 165px | 350px |
| Three Column, Fluid same width side columns (must be requested at time of purchase) | 770px | 760px | 408px | 158px | 158px | 332px |
| Maximum content widths that will not cause a side scroll or break the page display at 1024px or wider resolutions. Fixed width layouts are as stated above. | Header | Banner, & Footer | Main Column (blog posts) |
Larger Side Column | Smaller Side Column | Double Width Side Column |
| Two Column, Fluid | 996px | 982px | 678px | 284px | - | - |
| Three Column, Fluid | 996px | 982px | 532px | 232px | 188px | - |
| Three Column, Fluid, with Double | 996px | 982px | 532px | 232px | 188px | 430px |
| Fluid width three column templates with same width side columns (must be requested at time of purchase) | 996px | 982px | 532px | 208px | 208px | 430px |
Newspaper
Newspaper
Click Image For Preview
Changes as of October 2007:
- Added all the font and color options that Widgetopia has.
- Added a full width banner under the header.
- Removed the background image.
- Removed post title link underline.
- Removed header link underline.
- Removed tables, this is a divs only layout.
- No tables, for faster page loading.
- Assign colors to each type of widget independently of the others, through Blogger's Fonts and Colors page.
- Easy to change color schemes. I've created several color schemes with only 2, 3, or 4 colors, making them very easy to modify. Read more here. This template still allows you to create every color scheme I am displaying, and many more, through Blogger's Fonts and Colors page.
- Sections into which you can place widgets are four equal width sections across the top of the page, header, banner, 3 equal width columns, and footer. All widgets can go in all sections, and there are no limits on the number of widgets in any section.
With nothing in the top four columns, the Blog Title displays near the top.
- For each widget type, you can edit these through Blogger's Fonts and Colors page:
- Title color
- Title background color
- Title border color
- Widget border color
- Content background color
- Content text color
- Link colors for widgets which may contain links
- Post Title font
- Post text color
- Post background color
- Post link colors
- Post border color
- Post font
- Blockquote text color
- Blockquote background color
- Blockquote border color
- Blockquote font
- Credit text color
- Credit link colors
- H4 text color
- H4 font
- H5 text color
- H5 font
- H6 text color
- H6 font
Also editable through Blogger's Fonts and Colors page:
- Page background color
- Page text font
- Header text color
- Header background color
- Header links colors
- Header font
- Description text color
- Description background color
- Description links colors
- Description font
- Widget Title font
- Widget font
- Date text color
- Date background color
- Date border color
- Date font
- Post Title text color
- Post Title link colors
- Post Title background color
| Maximum content widths that will not cause a side scroll or break the page display at 800px or wider resolutions. | Header | Banner, & Footer | Four Top Columns | Three Main Columns |
| Newspaper Layout | 765px | 755px | 175px | 240px |
| Maximum content widths that will not cause a side scroll or break the page display at 1024px or wider resolutions. | Header | Banner, & Footer | Four Top Columns | Three Main Columns |
| Newspaper Layout | 990px | 975px | 231px | 314px |
- All content on this website is © 2006 - 2007 Christine S. |
- RSS feed