Build A Blogger Template from Scratch - Ultimate Guide- PART1
Posted on: Friday, July 3, 2009
//
blogger hacks,
blogger templates,
blogger widgets
Save to del.icio.us
with 0 happy readers!
Q. Why Do I need to Read your tutorial to build a blogger Template?
A. Don't you want to have a different and unique layout? C'mon we need to build an army to fight against Wordpress Platform are you In? If yes read along.
As you guys know its next to impossible to teach you everything. So I will link you to some of the best tutorials I've stumbled upon on the Blogosphere. This Post will be divided into 3 parts and I would like to have an interactive session out here.
The First read of the Session has got to be
Why your blog design needs to be unique! - by Amanda
Amanda of Blogger Buster, the queen of Blogger tutorials has written this neat series on why your Blogspot template needs to be unique so head over and get inspired.
Zona Cerebral has an amazing series of blogger design tutorials which start from the entry level basic knowledge to an experienced coding pro.
Here's one dealing with the Composition and Structure of a Blogger Template.

LINK -How to create a template for Blogger - Part One: Composition and structure.
Now we can head towards our new step on How to create a template for Blogger - Part Two: Themes and Style. Deals with style and Distribution.

How to create a template for Blogger - Part Two: Themes and Style.
Create your own template for Blogger - Part Three: Consolidation.

Deals vastly with Variable definitions : the body, links and header to be specific with each coding basic involved.
Create your own template for Blogger - Part Three: Consolidation.
How to create a template for blogger - Part IV: Distribution.
This tutorial deals how to play around with the Outer-Wrapper, Main-Wrapper and the Sidebar-Wrapper. This section actually forms the backbone of a neat blogger template.
How to create a template for blogger - Part IV: Distribution.
Tutorial on editing sidebars on Blogger
This short and useful update mainly tells you how to style your Blogger Sidebar. Pretty useful even for begineers.
Link- Tutorial on editing sidebars on Blogger
Quick guide on how to add new sections to Blogger

The following tutorial is general in nature, so to be able to install a section of page elements in any area of the template.
Read- Quick guide on how to add new sections to Blogger
How to create a magazine style template on Blogger.
The Magazine Style templates and themes are ruling the blogosphere today so here is a guide to design a custom one all by yourself! You can learn how to add CSS Styles in this tut.
Read - How to create a magazine style template on Blogger.
Manual on how to decorate the link in Blogger comments.

As the title suggests this can be the easiest way to play with your Blogger Comment links.
Read the tutorial- Manual on how to decorate the link in Blogger comments.
- Quality Free Blogger Templates + PSD Source Files
- Visually Impressive and Smashing Blogger Templates
- Spoonfed SEO Guide For Blogger Users
- How to Increase Comment box width Blogger Tweak
- Free E-Book « The Blogger Template Book
- Blogger Lab- Free Blogger Template Generators!
- Recent Post Thumbnails Widget - Blogger Tweak
- Roundup Of Best Blogger Templates
- Safe Blogging- How to Backup Your Blogger Posts And Comments
Now its time to check out what templatesparanovoblogger has to offer. They have a neat set of Blogger tutorials but it isnt in english so I've tried reading it using a convertor and listed them down for you.
HOW TO DESIGN A BLGOGER TEMPLATE PART1
Deals with the structure and styling for the codes. Read the translated version of part1
HOW to play with background and image properties.
The 4th part deals with the most important of all the usablilty of content wrapper, main-wrapper in a blogger template. Tutorial Link
This tutorial deals with how to style the lists and links dealing with the blogger sidebar Read more

A Cheats' Guide to Customizing Blogger templates ~ by Amanda Fazani
So that's it! please complete a free subscription to Chethstudios updates. We will be back with more useful content. Subscribe to chethStudios by Email
Readers who read this also read:
Design Community News
- 25 iPhone Space Designs Wallpapers
- Use WordPress to Create Amazing Sites
- Recreate the New Moon Movie Title Treatment in Photoshop
- Quick and Easy Ways to Spice Up the Thesis Wordpress Theme
- Free Clouds Textures
- Design Philosophy Explained – The Logic behind the Fluff
- Free Textures : List of Resources
- Chinese Dragon Art Work Collection
- The Evolution of Design Part 2: How 10 Popular Sites Looked 10 Years Ag
- 5 Steps to Write Better CSS Part II
- 132 Amazing Digital Comics Artworks by Nebezial
- 40 Beautiful And Inspirational Designed Adverts
- 10 New Tools and Resources for Developers and Designers
- Photoshop Tutorial: Lets Design a Awesome Login Page
- 33 Free,Creative And Unusual Wordpress Themes
- 114 Best Resources for Promote your Design Related Articles and News
- US presidents portraits - from painting to digital photo
- 50 examples of amazing fantasy art
- 25 Most Spectacular Blog Designs
- 55 Famous Pictures of Time Magazine
- 30 Selected Calligraphic Fonts for Fellow Designers
- 50 Amazing Interior Designs created in 3D Max and Photoshop
- 40 Ravishing Street Art
- Photoshop Brushes for Creating Broken Glass Effect
- 10 Awesome Tuts+ Tutorials
- 40 Professional Trainings of Adobe Premiere for Multimedia Developers
- 31 Stunning Futuristic Scifi Illustrations
- 25+ Awesome Websites to Make Funny Pictures Online
- Popular Social Networking Tools for Freelancers
- Colors can change your logo design fate – 10 careless color contributions!!
- 10 Colorful Leather Textures Free to Use
- 1100+ Abstract High Quality Free Photoshop Brushes
- 80 Stunning List of Free Photos and Free Textures by PhotoVaco
- 25 Free Online Tools for Web Designers, Developers, Freelancers and Individuals
- Create a fumed text effect in Photoshop
- 10 Free Electronical Textures
- 40 Free Amazing jQuery Plugins and Tutorials With Demos















@Billy Chen
THanks for the suggwestion will do it asap :)
@Fusion
Do follow is a html attribute which allows the search engine to index the pages linked with the tag. It helps my commenters to get abcklinks from my blog. TO enable it search for the no follow tag and change 'no' to 'do'
What's do follow and how to enable it???
@Subash
Thanks! :)
@Pradeep Nayak
Please use the ul and li tags in your navigation bar of the HTML code and link it to other blog posts. Do feel free to mail me if you need any help.
Hey i needed one help. How do give links to various pages in blogspot.As in the themes u have uploaded. how do i link about page,contact page etc
Excellent tips, thanks a lot for the share. easy translation from spanish.
cheth that was super fast i can see the new changes in the links.
Hey Cheth!
Most comprehensive Tutorial on the Net !
Best I've ever seen :D
Thanks a ton.
Check out my blog at http://www.talesofexistence.wordpress.com
@Anonymous
WEll that was a serious point so i had to do what my readers request :)
i so very much like the blog template it is the best seen ever platina blogger
this the best tutorial for the make blogger template from scratch guide - sorry for bad grammer i do not know english =)
nice template :)
you can use free template generators http://chethstudios.blogspot.com/2009/06/blogger-lab-free-blogger-template.html or use any of the current Blogger templates in the navigation menu on the top of this page..
is there an easier way!
Just what I'm looking for.. I agree with you, if there's a lot of people who would advocate and code with blogger platform at least it will be great match with wordpress
Very Exciting this one..! I really enjoyed it and want to say thanks for providing it.
just wishing i found you a week before...i just now spent $14 on a css edit function in my wordpress blog and i couldn't even edit fully.....but still i was clever enough to keep my blogger blog open....great blog mate....
hmmm.. i think i will bookmark this site.. thanks for tuts bro