In this tutorial i'm going to show you how to code the design from my previous tutorial into a blogger template this is going to be based on the Minima template, most of the css code in this tutorial is commented to explain what is does a css comment begins with "/*", and ends with "*/", like this /* a css comment */ i have highlighted the comments in green so you don't have to copy these, if you have any questions feel free to ask in the comments.
Continue reading »
Showing posts with label blogger layouts. Show all posts
Showing posts with label blogger layouts. Show all posts
How to convert a photoshop document (psd) to blogger (css/xhtml)
Posted on Tuesday, March 09, 2010
27
comments
Tags:
blogger layouts,
how to,
tutorial
Create a 3 column blogger template with 2 right columns
Posted on Monday, January 19, 2009
214
comments
In this tutorial i will teach you how to create a 3 column blogger template with two narrow columns on the right and a section above the two columns here's a simple screenshot of the layout I'm planning to teach you to build

now you have an idea what we are going to build lets get started. I recommend you use a test blog for this tutorial using the minima template i always use this template because its an easy starting point once you have your template go to layout > Edit HTML scroll down and delete the width from within the CSS #header-wrapper
Continue reading »

now you have an idea what we are going to build lets get started. I recommend you use a test blog for this tutorial using the minima template i always use this template because its an easy starting point once you have your template go to layout > Edit HTML scroll down and delete the width from within the CSS #header-wrapper
Continue reading »
Tags:
blogger,
blogger layouts,
how to
How to make a 4 column blogger template
Posted on Monday, December 03, 2007
46
comments
In this tutorial we will be making a 4 column blogger template based on a two column originally designed by Douglas Bowman so i recommend you create a new blog for this tutorial using the following template

Now we have our template we need to find the header-wrapper CSS code and change the width from 660px to 100% or 990px like ive done below
Continue reading »
Now we have our template we need to find the header-wrapper CSS code and change the width from 660px to 100% or 990px like ive done below
Continue reading »
Tags:
blogger,
blogger layouts,
how to,
tutorial
How to make a 3 column template
Posted on Sunday, October 07, 2007
162
comments
In this tutorial we will be making a 3 column blogspot template based on a two column originally designed by Douglas Bowman you can see it here so i recommend you create a new blog for this tutorial using the following template

now we have our template lets go to the settings tab and change blog permissions and restrict it so only authors can see it as we dont want anyone viewing it while we are coding or do you ? well you choose
Continue reading »

now we have our template lets go to the settings tab and change blog permissions and restrict it so only authors can see it as we dont want anyone viewing it while we are coding or do you ? well you choose
Continue reading »
Tags:
blogger,
blogger layouts,
how to,
tutorial