The structure of a Blogger template code

>> Browse templatesMoney tips25 comments

Blogger Template Design: Tutorial 2

Here's what the structure of a Blogger template code looks like, in a simple way of looking at it. I'm using my Generic Blogger template as a reference, but the idea is the same for other templates also. I've separated the code in 3 sections and show only the top lines of each section so you can look for the starting lines later on.


To see more of these codes in detail, download my Generic Blogger Template.

Section 1:
The 'header' of the code. Basically it contains important information about the template code and the title of your blog. Best of all, you don't have to worry about anything in this section. It's a standard header for all templates. The only time you add some codes here is when you want to put some meta tags (additional information about your blog for SEO).

Section 2:
This is the CSS Styling Section. CSS stands for Cascading Style Sheets, a web language used to control the style of a HTML document. This is the section that you want to know the most if you want to modify your existing template or design a new template. Eventhough it is a web programming code, you can still do a lot of things on you template design if you understand the structure of this section without knowing much about HTML and CSS. We'll get to this part in more detail later.

Section 3:
This is the Body or Data of the code - the most important part that fetches all your content from Blogger database and puts it in the right place into your blog when somebody is looking at your blog. This is also the section that tells your blog which part comes first - the Header, Sidebars, Main, Post, Footer, etc. But it doesn't set the appearance of the blog and how it would look like on the internet (because that part is controlled by the CSS styling section).

You basically don't have to worry much about this part too, just like the 1st Section. But you will have to know a little bit about this section if you want to start adding extra widgets that cannot be put using the Add Page Element button, like the social bookmarking buttons - Digg, AddThis, RSS buttons; or if you want to put Adsense codes in special places like in the Post Page; or putting Google Analytics code to track visitors to your blog; and many other things. Most of the time, there are easy instructions already available to help you add these things in your blog. So, again, nothing much to worry about in this section.

***************************************
Next Tutorial:
The tutorial that you should follow next to help you understand more about the Blogger template is The Structure of CSS Styling Section.

25 comments:

SostyPasha January 31, 2009 10:09 pm  

Thanx so much :)
so useful tutorial

Công ty dịch thuật Việt May 07, 2009 7:17 am  

That's great

BHAVYA July 07, 2009 11:08 am  

Hi

I have a blog namely(www.indianhorseracing-bhavya-bhavya.blogspot.com). Will u pl suggest a neat good looking template for the same?

Thanks
Rao

عبدالرحمن اسحاق November 11, 2009 8:56 am  

I will read it now after 2 years.
thank you alot

Peeyush September 29, 2010 10:51 am  

Wonderful post....This is what i was searching for...

cohoi January 19, 2011 10:52 am  

nice

mury August 26, 2011 5:51 pm  

thanks so much,

i like your blog... that's great

thank you,

admin December 20, 2011 12:25 pm  

thanks for your information Is realy usful

jaffa April 20, 2012 12:10 am  

The style sheet with the highest priority controls the content display. Declarations not set in the highest priority source are passed on to a source of lower priority, such as the user agent style. This process is called cascading. Thanks for sharing.
Regards,
camping trailers

lee woo August 05, 2015 11:35 pm  

Your life will be a blessed and balanced experience if you first honor your identity and priority. See the link below for more info.


#priority
www.ufgop.org

Priyanka jain October 22, 2015 10:48 pm  

Informative and well explained tutorial helpful for me. Thanks for sharing.

Priyanka jain - Web design India

mmjiaxin November 20, 2015 6:02 pm  

abercrombie and fitch
barbour jackets
indianapolis colts
chanel handbags outlet
minnesota vikings
ralph lauren outlet
michael kors outlet sale
ralph lauren outlet
louis vuitton outlet store
rolex watches,rolex,watches for men,watches for women,omega watches,replica watches,rolex watches for sale,rolex replica,rolex watch,cartier watches,rolex submariner,fake rolex,rolex replica watches,replica rolex
michael kors handbags
longchamp handbags
boston celtics
nike outlet store
oakley outlet store
ugg boots
tory burch outlet online
uggs outlet
ugg outlet store
cheap wedding dresses
mm1121

柯云 December 09, 2015 9:02 pm  

2015-12-10keyun
canada goose
oakley store
official coach factory outlet
coach outlet online
michael kors outlet clearance
louis vuitton bags
discount ugg boots
ugg outlet
nike running shoes for men
ugg boots
louis vuitton purses
hollister
adidas superstar shoes
michael kors outlet
coach outlet online
abercrombie
christian louboutin shoes
uggs outlet
michael kors outlet online
louis vuitton outlet stores
ugg boots sale
abercrombie fitch
discount jordans
ray ban sunglasses outlet
ugg boots
abercrombie
replica rolex watches
ralph lauren
louis vuitton handbags
gucci outlet
coach outlet online
ralph lauren sale
christian louboutin
cheap ray ban sunglasses
canada goose outlet store
oakley sunglasses wholesale
rolex watches
canada goose sale
michael kors outlet
north face jackets

Libin Huang March 21, 2016 1:11 am  

20160321libincamisetas futbol baratas
michael kors outlet
michael kors wallet
burberry outlet online
longchamp handbags
cheap jordans
michael kors outlet store
swarovski outlet
christian louboutin shoes
lacoste polo shirts
ralph lauren shirts
michael kors outlet
tiffany outlet
nike blazer pas cher
mlb jerseys
hermes bags
swarovski crystal
adidas wings
nike air max 90
ray ban sunglasses
nike air max
michael kors factory outlet
louis vuitton outlet
pandora outlet
cheap jordan shoes
michael kors handbags
lebron shoes
longchamp outlet
jordan shoes 2015
michael kors handbags wholesale
michael kors outlet online
true religion outlet
lebron shoes
nike huarache
michael kors sale

chenlili April 13, 2016 2:45 am  

2016-4-13 xiaobao
oakley outlet
coach factorty outlet
rolex watches outlet
gucci outlet
kate spade
ray ban sunglasses
cheap jerseys
coach factorty outlet
oakley sunglasses
ralph lauren polo outlet
tods outlet
true religion jeans
louis vuitton handbags
michael kors outlet
hollister kids
nike trainers
louis vuitton outlet
hollister clothing store
coach outlet store online
jordan retro 3
michael kors outlet
adidas uk
asics shoes
polo ralph lauren
ray ban outlet
rolex watches
replica watches
michael kors handbags
ray-ban sunglasses
supra sneakers
ralph lauren outlet
christian louboutin outlet
ray ban sunglasses
louis vuitton handbags
replica watches
beats headphones
kate spade handbags
louis vuitton handbags
ralph lauren
coach outlet

chenlili April 13, 2016 6:54 pm  

2016-4-14 xiaobao
michael kors handbags
jordan 3
fitflops
coach outlet
michael kors handbags
louis vuitton outlet
christian louboutin shoes
abercrombie & fitch
louis vuitton handbags
jordan 4 toro
jordan concords
nike roshe runs
christian louboutin shoes
nike roshe run
coach outlet
louis vuitton handbags
air jordan pas cher
coach outlet online
louis vuitton outlet
coach outlet
insanity workout
christian louboutin sale
nfl jerseys
polo ralph lauren
ray-ban sunglasses
cheap jordan shoes
nike air huarache
oakley sunglasses
ray ban outlet
kobe 9
ray ban sunglasses
mont blanc pens
michael kors outlet
toms
michael kors
rolex submariner
nike outlet
ralph lauren polo
true religion outlet
louis vuitton outlet online

John May 24, 2016 6:48 am  

hermes uk
coach outlet online
true religion
pandora jewelry
timberland shoes
louis vuitton outlet online
adidas superstars
adidas stan smith
ray ban sunglasses
true religion jeans outlet
ralph lauren pas cher
reebok uk
true religion uk
coach factory outlet
jimmy choo outlet
cheap nike shoes
hermes belt
fitflops sale clearance
ray ban sunglasses
coach factory outlet
burberry outlet
coach factory outlet online
nike air max
louis vuitton handbags
cheap jordan shoes
oakley outlet
michael kors outlet stores
coach outlet online
louis vuitton handbags
michael kors purses
rolex submariner
timberland uk
cheap oakleys
2016524yuanyuan

Fangyaya July 07, 2016 2:22 am  

"air jordans"
"jordan 8s"
"jordans"
"michael kors outlet"
"fitflops"
"oakley sunglasses wholesale"
"toms shoes outlet online"
"michael kors outlet"
"michael kors outlet online"
"coach factory outlet"
"michael kors outlet"
"nike free run"
"coach factory outlet"
"rolex submariner"
"louis vuitton handbags"
"coach outlet"
"louis vuitton outlet"
"ray ban sunglasses"
"michael kors outlet"
"louis vuitton outlet stores"
"louis vuitton outlet"
"michael kors handbags"
"nike air max"
"louis vuitton outlet"
"jordan retro 3"
"michael kors outlet"
"replica watches"
"adidas shoes"
"ray ban sunglasses outlet"
"cheap ray ban sunglasses"
"michael kors outlet online"
"coach outlet online"
"tory burch outlet"
"louis vuitton handbags"
"kate spade handbags"
"nike air max"
"ray ban"
"christian louboutin"
"louis vuitton outlet"
"ralph lauren outlet"
20167.7chenjinyan

chenlina August 05, 2016 7:59 pm  

coach outlet store online
coach outlet store online
ralph lauren uk
michael kors handbags
louis vuitton outlet online
replica watches
true religion jeans
toms shoes
christian louboutin chaussures
rolex watches
coach outlet
louis vuitton outlet
michael kors outlet
retro jordans
coach factory outlet
michael kors handbags
louis vuitton
mont blanc pens for sale
louis vuitton handbags
ray ban sunglasses
adidas outlet
louis vuitton handbags
gucci outlet
christian louboutin outlet
true religion jeans
louis vuitton outlet
longchamp bags
michael kors
replica watches
jordan 4
louis vuitton handbags
jordan 3
polo ralph lauren
coach factory outlet
nike air max 90
mont blanc pens
ray bans
louis vuitton handbags
ralph lauren
oakley sunglasses
chenlina20160806

raybanoutlet001 October 23, 2016 7:04 pm  

omega watches
jimmy choo
michael kors handbags
nike tn
under armour shoes
jordan shoes
saics running shoes
mont blanc pens
ray ban sunglasses
michael kors handbags

hoxn Ln November 09, 2016 12:41 am  

Consider some of Replica Watches the most well-recognised watches in the world: the Rolex Submariner (£5,000), the Cartier Tank (£3,300), and the handbag replica Speedmaster (£3,000). These have come to represent entire categories and drive Replica handbags the whole business; yet none of these timepieces broaches £10,000.It is my hope that we will soon start to see a greater focus on Replica watches UK that actually matter to real people; watches we can live with. Rolex Daytona In 50 years’ time.

joseph November 23, 2016 12:15 am  



Professional web design company

Latest Entertainment, Love Gossip and Bollywood News

raybanoutlet001 November 25, 2016 9:55 pm  

longchamp bags
yeezy boost 350
tiffany online
oakley sunglasses
ray ban sunglasses outlet
adidas neo shoes
http://www.nikedunks.us.org
kobe basketball shoes
tiffany jewelry
michael kors outlet

姚嘉 November 30, 2016 12:02 am  

gucci sito ufficiale
los angeles clippers
michael kors outlet
nike air huarache
chicago bulls jersey
tiffany and co outlet
ralph lauren outlet online
michael kors handbags
polo ralph lauren outlet
lebron shoes

Hua Cai December 02, 2016 9:11 pm  

oakley sunglasses wholesale
cheap ray ban sunglasses
air jordan 13
louis vuitton
giuseppe zanotti outlet
coach outlet online
mulberry handbags
ray ban sunglasses uk
hollister uk
louis vuitton replica
20161203caihuali