Blogger Templates, Part 1
I had been missing from the website design scene for a long time now and it was quite a struggle to come back and do Blogger templates. I scratched about a couple of designs since they all didn’t feel right. Since I’ve moved to Wordpress, I haven’t really been aware of the many changes Blogger has done with they way they do templates and so I had to relearn those tricks. But like riding a bicycle, you don’t really forget everything alltogether.
I’m going back to what this website was originally supposed to offer - website designs.
This is the first one:
13 Months of Sunshine is also a fluid 2-column, white background template. It’s also Firefox and IE-friendly.
- You can view the live demo here
Highlight the XML code in the box, copy and replace your current XML template code.
*********************************************** * { margin: 0px; padding: 0px;} body { a img { #container a:link { #container a:visited { #container a:hover { #container a img { /* Whole Page Settings */ #post-part { #entry-part { #sidebar-container { #sidebar { /* Header Settings */ .Header h1 { .Header h1 a:link, .Header h1 a:visited { .Header .description { h2 { /* Entries */ .post-footer .post-timestamp, /* Comments */ .feed-links { #blog-pager-newer-link { #blog-pager-older-link { #blog-pager { .comment-footer { /* Sidebar Settings */ .entry-part .Blog { .sidebar ul { /* About */ .profile-img { .profile-textblock { /* Footer */ ]]>
Template Name: 13 Months of Sunshine
Designer: Manilena Dot Com
http://www.manilena.com
***********************************************
*/
background: #ffffff; margin: 0px; padding: 0px; font: x-small Georgia, Serif;
color: #000000; font-size/* */:/**/small; font-size: /**/small;
}
border-width:0;
}
color:#3c7ad1; text-decoration:none;
}
color:#3c7ad1; text-decoration:none;
}
color:#004685; text-decoration:dotted;
}
margin:3px; padding: 2px;
}
#container {
background: url("http://img230.imageshack.us/img230/1888/13monthstitlezy5.jpg")
no-repeat top left; width: 98%; margin: 0px; padding: 0px; text-align:left;
}
margin: 10px; word-wrap: break-word; overflow: hidden;
}
margin:0; padding:0;
}
width: 350px; float: left; padding: 0px; word-wrap: break-word;
overflow: hidden;
}
font-family: Tahoma; background: #ffffff; width: 285px;
font-size: 11px; margin: 0px; padding: 10px 20px;
}
#header {
width: 770px; height: 385px; margin: 0px;
padding: 0px; text-align: center;
}
width: 350px; margin:0px 0px 0px 385px;
text-align: center; padding: 65px 0 0 0px;
color:#fc5106; line-height: 1.0em;; font-size: 50px;
font-weight: bold; font-family: Curlz MT, Cursive, Fantasy;
}
color:#fb3200; text-decoration:none;
}
.Header h1 a:hover {
color:#ffc300;
}
width: 300px; margin:0px 0px 0px 435px; padding: 2px 0px;
font-size: 15px; color: #fc5106; font-weight: bold;
}
margin:1.5em 0 .75em; line-height: 1.4em;
}
h2.date-header {
background: url('http://img123.imageshack.us/img123/8826/13monthsdatemf1.gif') no-repeat top left;
padding: 12px 0px 0px 38px; font-weight: bold; font-family: Arial;
text-transform: uppercase; margin: 0px; height: 36px; font-size: 11px;
text-align: left; color: #000000;
}
.post {
margin:.5em 0 1.5em;
}
.post h3 {
background: #122456; border-bottom: 1px solid #70664f; margin: 0px;
padding: 8px; font-family: Georgia; font-size: 20px; font-weight: normal;
color:#ffffff;
}
.post h3 a, .post h3 strong {
display:block; font-weight:bold; text-decoration:none; color:#ffffff;
}
.post-body {
font-family: Tahoma; padding-top:12px; font-size: 11px; text-align: justify;
}
.post p {
margin:0 0 .75em;line-height:1.6em;
}
.post-footer {
background: #8bb0ff; color:#ffffff; margin:5px 0px 5px 0px;
line-height: 13px; border-bottom: 1px solid #326101; padding: 2px 9px;
}
.comment-link {
margin-left:.4em;
}
post-footer .post-author {
color:#ffffff;
}
.comment-link strong {
font-size:130%;
}
.comment-link {
margin-left:.4em;
}
.post img {
padding:4px; border: 2px dotted #96b8ff;
}
#comments {
padding: 8px; background: #e9f69e;
}
#comments h4 {
margin:1em 0; font-weight: bold; line-height: 1.6em; text-transform:uppercase;
letter-spacing:.2em; color: #446e02; font: bold 78% Georgia Serif;
}
#comments h4 strong {
font-size:130%;
}
#comments-block {
margin:1em 0 1.5em;line-height:1.4em; padding: 3px;
border-top: 1px solid #fff;
}
#comments-block dt {
margin:6px 0px;
}
#comments-block dd {
margin:.25em 20px 0;
}
#comments-block dd.comment-timestamp {
margin:-.25em 20px 1.5em; line-height: 1.4em;
text-transform:uppercase; letter-spacing:.1em;
}
#comments-block dd p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic; color:gray;
}
background: url('http://img131.imageshack.us/img131/390/13monthsfootjv9.gif') no-repeat top left;
height: 35px; font-family: Georgia; font-size: 12px;
padding: 10px 0px 0px 35px; text-align: left;
margin: 5px 0px;
}
float: left;
}
float: right;
}
background: #f1f5ff; padding: 6px; text-align: center;
}
font: 78%/1.4em Georgia , Serif;
}
.sidebar h2 {
color:#4782dc; font-size: 11px; padding: 0px;
font-family: Georgia; margin: 0px;
border-bottom: 1px solid #70664f;
}
.sidebar .widget, .entry-part .widget {
color:#666; font-size: 11px; margin: 0px;
padding: 10px 20px;
}
padding: 0px 20px; margin: 0px;
}
font-size: 11px; list-style:none;
margin: 2px 3px; padding: 0px;
}
.sidebar li {
margin:2px 3px; padding: 4px 0px;
font-size: 11px; border-bottom: 1px solid #dbd6c8;
}
.sidebar p {
color:#666; line-height:1.5em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-data {
margin:0; font-weight: bold; line-height: 1.6em;
text-transform:uppercase; letter-spacing:.1em;
}
float: right; margin: 0px 6px;
padding: 2px; border: 2px dotted #fff199;
}
margin:.5em 0 .5em;
}
.profile-link {
font:78%/1.4em Georgia,Serif; text-transform:uppercase;
letter-spacing:.1em;
}
#footer-wrapper {
background: #122456; width:100%;
color: #ffffff; font-size: 10px;
margin:0px; padding:20px 0px;
text-align: center; clear: both;
}
#footer-wrapper p {
margin: 5px 25px;
}
#footer-wrapper p a:link, #footer-wrapper p a:visited {
color: #ffffff;
}
Tags: Blogger Templates


do you have any black background template? its supposedly economical and earth-friendly. thanks…
yehey, your templates are back!
i actually missed them while revamping my blog a while back.
I love the 13 months of sunshine! hmmm…
how and where can i view your creations from the very beginning you made an superb templates?
I am a fan of this blog! keep it up.
I’ve always loved your templates. Alas even if I wanted to try my hand at making them I have to accept now that I simply don’t have the time.
I love the green template. Puede bang mag download and gamitin ko para mapalitan ang super old template ko?