Friday, July 3, 2009

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

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

Build A Blogger Template from Scratch - Ultimate Guide- PART1


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

25 comments:

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

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

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

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

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

    ReplyDelete
  6. @Billy Chen

    THanks for the suggwestion will do it asap :)

    ReplyDelete
  7. What's do follow and how to enable it???

    ReplyDelete
  8. @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'

    ReplyDelete
  9. This comment has been removed by a blog administrator.

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

    ReplyDelete
  11. @Anonymous

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

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

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

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

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

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

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

    ReplyDelete
  18. Zonacerebral.com doesn't seem to exist anymore.

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

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

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

    ReplyDelete

Please Don't Spam that's all. Grab our RSS Feed and we would Love to see you in our comments section more often.