Blogger team tried to make their product easier to use and custom for all users with Template Design function. If you want small changes in fonts, background, layout..., this function can help. But if you want more to make your blog look like a professional website? It's time you need to learn structure of blogger template, APIs, javascripts ... to make a custom template. This serie: “How to make a Blogger template” will take you step by step to creating your own. I will try to make it short, simple and easy to understand, hope it helpful for you .
----------------------------------------------------------------------
Chapter 1 Blogger Template Structure
Chapter 2 Template Header
Chapter 3 Template body and API's
Chapter 4 Inside widget - "Includable"
Chapter 5 Blogger data tags 1
Chapter 6 Blogger data tags 2
Chapter 7 How Blogger widget work
Chapter 8 General steps of making a Blogger template
----------------------------------------------------------------------
This is very similar to Wordpress template, if you ever work with them before.
----------------------------------------------------------------------
Chapter 1 Blogger Template Structure
Chapter 2 Template Header
Chapter 3 Template body and API's
Chapter 4 Inside widget - "Includable"
Chapter 5 Blogger data tags 1
Chapter 6 Blogger data tags 2
Chapter 7 How Blogger widget work
Chapter 8 General steps of making a Blogger template
----------------------------------------------------------------------
CHAPTER 1: BLOGGER TEMPLATE STRUCTURE
Blogger template is written in xml markup language, a complete template has 4 sections bellow:1. The first section:
Starting from beginning of template to <head> tag, this defines whole document in xml format and follow all rules of xml markup language. This section is required for all templates, but fortunately we don't need to make any change on them.2. The second section:
Starting from <head> to <b:skin>, this section contain necessary tags for header of a site such as: meta tags, favicon...We can edit/add favicon link, meta tags for description, keywords … to this section.3. The third section:
Starting from <b:skin> to </b:skin>, this section contains CSS tags which set the appearance of your blog . It defines how an element in blog look likes, such as text color, font size, color, background ... by using CSS attributes. If CSS is an advantage of yours, you can easily master blog’s look and feel.4. The fourth section:
Starting from <body> to </body>, this is the main section of a template which show post list, single posts, display comments… It contains HTML, XML and Blogger tags.This is very similar to Wordpress template, if you ever work with them before.
thank's dude :)
ReplyDeleteThank you very much for your effort. It's always good to learn something and this topic interests me greatly.
ReplyDeleteThank you.
Thank you, Looking forward to read your upcoming posts on this topic.
ReplyDeleteThank You!
ReplyDeleteI am always trying to learn blogger template making, and this is a basic information for me. I hope you will post further Lessons.
Awesome job!Thanks nhamngahanh!You are REALLYＡＷＥＳＯＭＥ！！
ReplyDeletecan you make a blogger template like this one?
ReplyDeletehttp://tympanus.net/Tutorials/FullPageImageGallery/
This comment has been removed by the author.
ReplyDeleteI still confused,,
ReplyDeletecan you help me and other blogger that confused for make template from zero ??
thank