Finishing up our First Blogger theme


I used this for my sidebar.

.sidebar li {
    text-transform: uppercase;
list-style: none;
line-heigth: 1.4px;
}
.sidebar h2 {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    margin-left: 30px;
    margin-top: 30px;
}
.sidebar .widget {
    font-size: 12px;
}


Of course you are free to play around with whatever you like.

Also I have added CSS to make a read more button at the home page as follows.

.readmore a {
    padding: 8px 15px;
    text-transform: uppercase;
    background: #333;
    color: #fff;
}

.readmore a:hover {
color: #FFFFFF;
text-decoration: none;
}

Then I defined a little CSS as

.post-footer{
    padding: 18px 22px 10px 22px;
    background-color: #f5f4f4;
}
.primary h3 {
    font-size: 2em;
}

Now the post-footer part is the one where "Posted by eff on 12/12/16 ..etc" is written. This is done to distinguish it from the post content. And I just resized font in the title on home page.
With this I conclude my blank template. It will be available for free download and will be open source. You can create your own versions and let me know if you like.

I would feel proud to display them on here for downloads.

The complete blank template download is below.

Comments