Main Parts of a Blogger Template

There Are 5 Main Parts of a Blogger Templates.This is the basic description about these parts.

1. XML Language declarations

2. HEAD, TITLE and the META TAGS

3.Variable Definitions

4. CSS (Cascading Style Sheet) section

5.Body

Below descricptions are Examples Of Parts Of the Template

XML Language declarations

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>

HEAD, TITLE and the META TAGS

<head>
<title>Latest Tips for Bloggers|Blogger Tips And Tricks</title>
<b:include data='blog' name='all-head-content'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='Latest Tips for Bloggers for easy blogging and Making Money.blogger,blogspot tips and tricks.A dummies guide,templates,layouts,widgets, JavaScript,HTML codes,SEO,Google AdSense,gadgets,How to monetize Blogger or blogspot blogs.' name='description'/>
<meta content='blogger tricks,blogspot tweaks,how to blog,blogger tips,blogging tricks,widgets,links,google,adsense,latest,Page Rank,free blog,Yahoo,MSN,FeedBurner,Comments,new bloggers,sitemaps,make money,online,Blogging tips,Sitemaps,Meta Tag,YouTube Tweaks' name='keywords'/>
<meta content='Lasantha' name='author'/>
<meta content='all,follow' name='robots'/>
<meta content='General' name='Rating'/>
<meta content='never' name='Expires'/>
<meta content='english' name='Language'/>
<meta content='Global' name='Distribution'/>
<meta content='INDEX,FOLLOW' name='Robots'/>
<meta content='4 Days' name='Revisit-after'/>
<meta content='lasanthaset4@gmail.com' name='Email'/>
<meta content='Karunarathna' name='Publisher'/>
<meta content='Keerthi' name='Copyright'/>
<META content='04a82ed1e8901452' name='y_key'></META>
<meta content='9BC9210680' name='blogcatalog'/>
<meta content='uhl6s4fkZiCGiK8tOzdJdlKTP7V4anqblyHBjk8PA0g=' name='verify-v1'/>

Variable Definitions

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Minima Ochre
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 26 Feb 2004
Updated by: Blogger Team

----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#dd9" value="#CAF99B">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#333333">
<Variable name="linkcolor" description="Link Color"
type="color" default="#684" value="#0066CC">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#874" value="#000000">
.............................

CSS (Cascading Style Sheet) section

/* Use this with templates/template-twocol.html */

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
-----------------------------------------------
*/

...............

/* Footer
----------------------------------------------- */
#footer {
width:950px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #header {
margin-left: 0px;
margin-right: 0px;
}
]]></b:skin>
</head>

Body

<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div class='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML6' locked='false' title='Subscribe to Blogger Tips' type='HTML'/>
<b:widget id='LinkList2' locked='false' title='Blogger Tips - General' type='LinkList'/>
<b:widget id='HTML7' locked='false' title='' type='HTML'/>
<b:widget id='HTML1' locked='false' title='Blog Directries' type='HTML'/>
<b:widget id='HTML5' locked='false' title='Social Bookmarks' type='HTML'/>
<b:widget id='HTML11' locked='false' title='Useful Free Services' type='HTML'/>
<b:widget id='LinkList1' locked='false' title='Link' type='LinkList'/>
</b:section>
<p><a href='http://bloggertipandtrick.blogspot.com/'>Blogger Tips and Trick</a> for <a href='http://bloggertipandtrick.blogspot.com/'>Bloggers</a></p></div>

<div class='clear'> </div>

</div>

</div></div>

</body>
</html>

11 thoughts on “Main Parts of a Blogger Template”

Khattak says:

June 19, 2010 at 5:41 am

I am download some premimum blogger templates from your site and found it a nice site for premimum templates. Please look at my this blog and suggest what template will be the best for it >>>>

www.indianmp4movies.blogspot.com

Waiting for your response on asifrehmanktk@gmail.com

PBTemplates says:

June 19, 2010 at 5:56 am

@Khattak

I can't tell exactly what template is best for your site.It is your choice.

I can show of better templates for your site.

https://www.premiumbloggertemplates.com/2010/05/lk-magazine-v2-premium-blogger-template.html

https://www.premiumbloggertemplates.com/2009/09/arthemia-new-blogger-template-download.html

https://www.premiumbloggertemplates.com/2009/09/magasin-uno-blogger-template.html

...

https://www.premiumbloggertemplates.com/2009/09/daily-planet-blogger-template.html

Anonymous says:

August 7, 2010 at 9:43 pm

I am glad to know that there are still many intelligent people as you, because “The sum of intelligence on the planet is a constant; the population is growing.” But, I like much your posts and would like to read more of them.

Anonymous says:

August 8, 2010 at 2:58 pm

I have added this post to my favorites. Now and on I will read it more often.

Anonymous says:

August 11, 2010 at 10:05 am

cheap country house hotels
hotel price bid
accomodations cheap
full fare tickets in economy class
timetable booking
saudi airlines online booking
http://freebooking.50webs.com/

CELULA LA MANO DE DIOS says:

March 15, 2011 at 4:25 am

Hola descargue una plnatilla de tu pagina llamada "snips" muy buena... pero quisiera saber si me puedes colaborar es que quisiera cambiarle el color de fondo por un background pero no he podido me gustaria que me ayudaras...

Gracias por tu atención

ADMIN says:

March 21, 2011 at 8:22 pm

http://bit.ly/eB656o

Larry Happiday says:

April 8, 2011 at 7:47 pm

You have quite a rich array of variety. Can a newbie apply some of these designs and get good effect?

www.edgarprada.comxa.com says:

April 11, 2011 at 12:43 pm

hi ive downloaded a template

but i want to change the background to a image ,dont know how ..can you hlp me?

Harvinder Sohi says:

February 15, 2013 at 12:10 pm

thanks ji,....

miqdar says:

January 7, 2014 at 5:09 am

great thanks

11 thoughts on “Main Parts of a Blogger Template”

Leave a Reply Cancel reply

Need a New Theme Design / Theme Customization?

What's Blogger template?

Quick Links

Categories