CODA Blogger template

I have decided to make some changes to this blog and the pages that run around here. For that reason, I'm moving the content of the Theme Download Page to a blog post.

I have made significant changes to the CODA theme which are not yet reflected in the version available for download below.

I'll soon make it available. Not too soon though. Until then feel free use, modify or distribute the blogger template below.

Follow the instructions for easy usage, click here. 

CODA Basic 2.1 is free to use the Blogger template. You are free to remove the footer link as well. Will be considered a generosity if you let the footer link remain.

Download

Change Log:

-Added Footer.

-Font changes.

-Removed header navbar background.
- Added Background Color.

- Added Card style for posts.

- Sidebar restructured.

- Non-floating top navigation bar.

Previous Versions:

• CODA Basic 2.1                              Download
• CODA Basic 2.0                              Download
• CODA Basic 1.1                              Download
• CODA Basic 1.0                              Download
• CODA Blank                                   Download

Does SEO related content generate more traffic?

Considering the different topics I write about on my blog, it is hard to say what niche my blog will fall in. But needless to say, I have noted that Search Engine Optimization or SEO related content generate significantly more traffic than other content on my blog.

How did I come to that conclusion?

I recently wrote a blog post on how not following a particular niche affects a blog's performance. Which to my surprise was getting as much as double the number of visitors compared to other blog posts published before and after that post.

Not only this, the most popular blog post on this blog is also related to SEO. That's Unconventional Traffic Generation Hacks nobody shares

In spite of having written articles on various topics including DOTA 2, gaming, and tricks my blog gets better views for SEO related blog posts.

Free Blogspot Template CODA Basic 2.0 Final and Stable Version

This shall be the last version of the CODA Basic Theme since I can't find any bugs or place for improvement(for now). Although of course if I find one I will update the theme.

Theme screen shots are below.





Download link: https://drive.google.com/open?id=0B8Qb2-H0P8xILTNJdEd4b0UzeTg

If you are looking for previous versions or instructions for the template go to shiftescape.com/p/codathemes.html

Change log:

Removed header navbar background.

CODA Basic Instructions

CODA Basic is Adsense ready responsive blogger template.

Here are some of the instructions you might need when using CODA Basic.

1. Blog Header.
The theme uses a blog header widget which you need to define. You can use text header but a logo based header would look better.

2. Blog Footer.
Footer is hard coded in the theme. Go to theme editor and at the bottom of the file you will find
<div class='foobar'> inside which there is a table and its content as an linked image and text.
You can either edit these content or remove the foobar element all together. 

3. Removing/editing header links.

Go to edit template, click anywhere in the editor and press CTRL + F and enter "header" without quotes.
Just below the header you will find the desired links you wan to edit as shown in the picture.

4. Removing/replacing Ads.

There are 2 ad units integrated in the template for easy usage.

First is the bill board of size 900x280 and other is the links ad unit between the post.
To remove or edit the billboard ad unit go to template editor and search for "adsenseBillboard" and remove the part between container and primary division.
To remove the links ad search for "adsenseLinks" and remove the part as shown in the image below.


In case you want to add your own ad units, you have to put it in the predefined division "adsenseBillboard" and "adsenseLinks" then encode the ad unit.
Or you can use the following code and replace your converted ad code for blogger.

     &lt;div class=&#39;adsenseBillboard&#39;&gt;

     ///////your converted adsense billboard code here //////

     &lt;/div&gt;

and for the links

     &lt;div class=&#39;adsenseLinks&#39;&gt;

     ///////your converted adsense links code here //////

     &lt;/div&gt;

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.

Download link: https://drive.google.com/open?id=0B8Qb2-H0P8xIZklxOUlDdzFwYW8
You can subscribe to my blog ShiftEscape.com