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...

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;  ...

Making the homepage more attractive and simple

Uptill now we have a responsive design which has little to no design CSS added to it. This time we are going to add a little bit to the design. We are going to make post summary and post images to appear on the homepage as or like featured content. In...

Making the theme responsive

Uptil the previous post we had completed a theme wtih a sidebar and a footer. Now if you might not have noticed that our theme's images and sidebar breaks in the smaller screens. So here we are going to make our theme responsive.To do so we will use  @media...

Adding a sidebar to Blogger theme

Now that we have a template that shows posts properly, we need to setup the sidebar. Also we are making a responsive design here we will be ensuring that page doesn't breaks on different browsers and devices. In previous versions of the Blank template...

Applying a font and changing font color

Previously we had made a blank blogger template which can show the images in the post properly in any device, we fixed the head section not showing the page title in the tab. Now we are going to change the font and font colors for our little theme. For...

Blank template Update One HEAD section fixed

So this is the round up of this session for now. I will get back to this after some hours and a game or two of DOTA. In previous to previos post the theme we made had no title defined in its head section. Download this version for the HEAD section...