Build A Blogger Template from Scratch – Ultimate Guide- PART1

Well if you think Blogger platform is a piece of cake then I dare you to design a blogger template from scratch. Hey You don’t have to run away icon wink Build A Blogger Template from Scratch   Ultimate Guide  PART1 As you know you cannot be a perfect coder anytime because something new starts off in some part of the world each second. now we have jQuery, Mootools sneaking into Blogger Codings. Blogspot might be behind in terms of WordPress but you never know things can change around if coders start shifting their attention towards Blogger.

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.
composition+and+structure Build A Blogger Template from Scratch   Ultimate Guide  PART1
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.
Themes+and+Style Build A Blogger Template from Scratch   Ultimate Guide  PART1
How to create a template for Blogger – Part Two: Themes and Style.

Create your own template for Blogger – Part Three: Consolidation.
Part+Three+Consolidation Build A Blogger Template from Scratch   Ultimate Guide  PART1
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
new+sections Build A Blogger Template from Scratch   Ultimate Guide  PART1
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.
comments Build A Blogger Template from Scratch   Ultimate Guide  PART1
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.

How To Create Your Own Blogger Template Theme *Updated* ~ by Bradblogging

Blogger+Template+ebook Build A Blogger Template from Scratch   Ultimate Guide  PART1Free E-Book « The Blogger Template Book

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

cheats+guide+blogger Build A Blogger Template from Scratch   Ultimate Guide  PART1

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












Related Posts

UpSide Free Blogger Templates (5 Theme Styles)

Q-Metal Blogger Theme | Blogspot Templates

FIFA World Cup 2010 Blogger Template

Huge Compilation of Best Blogger Templates Released in 2010 | Blogspot Toolbox

Monkeypr Blogger Template

Masipag » Blogger Template

Fluid Blogger Template

Blogger Template | Red Light (Physics)

Zexee Blogger Template

Blogger Toolbox: Fresh, Free and Stunning Blogger Templates

26 Comments

  1. Subash

    07.04.2009

    Reply

    Excellent tips, thanks a lot for the share. easy translation from spanish.

  2. Pradeep Nayak

    07.04.2009

    Reply

    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

  3. subagya

    07.05.2009

    Reply

    hmmm.. i think i will bookmark this site.. thanks for tuts bro

  4. cheth

    07.06.2009

    Reply

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

  5. Billy Chen

    07.06.2009

    Reply

    One request: could you make your links different than the text? That would make it a lot easier for us to read. =)

  6. cheth

    07.06.2009

    Reply

    @Billy Chen

    THanks for the suggwestion will do it asap :)

  7. Fusion

    07.06.2009

    Reply

    What's do follow and how to enable it???

  8. cheth

    07.06.2009

    Reply

    @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'

  9. Anonymous

    07.06.2009

    Reply

    cheth that was super fast i can see the new changes in the links.

  10. cheth

    07.06.2009

    Reply

    @Anonymous

    WEll that was a serious point so i had to do what my readers request :)

  11. Sherry

    07.06.2009

    Reply

    nice template :)

  12. Anonymous

    07.07.2009

    Reply

    this the best tutorial for the make blogger template from scratch guide – sorry for bad grammer i do not know english =)

  13. Anonymous

    07.07.2009

    Reply

    i so very much like the blog template it is the best seen ever platina blogger

  14. Neivin

    07.09.2009

    Reply

    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

  15. Josh:-O

    08.21.2009

    Reply

    is there an easier way!

  16. cheth

    08.21.2009

    Reply

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

  17. ianemv

    09.16.2009

    Reply

    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

  18. Bands

    09.26.2009

    Reply

    Very Exciting this one..! I really enjoyed it and want to say thanks for providing it.

  19. Prakash

    10.21.2009

    Reply

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

  20. Nicholas Lee

    01.15.2010

    Reply

    Zonacerebral.com doesn't seem to exist anymore.

  21. fakhruddin

    03.18.2010

    Reply

    The links are dead. Any other resources for blogger theme developing?

  22. celebzluvergarl

    05.30.2010

    Reply

    yeah the links are REALLY dead. but i really think that ur informations are very useful….thanks for sharing…!!!

  23. Great tutorial. Do many people actually make a living from creating templates?

  24. Awon

    11.09.2010

    Reply

    Thanks for posting this …

  25. links are dead, please 404 this page

  26. Man!! the links are all dead!!

    Got any-more better links? Kindly update!!

    Thanks in advance

Leave a Reply









Recent Tweets

Follow Me On Twitter →

Email Updates

Get all our latest posts delivered right to your mailbox.