Best 2 Know

The Ultimate Blogging Resource

How to make a blogger template

Many of the people think that they should make their own unique blogger template but its not to easy nowadays i have seen many generators have came in place to make blogger templates but they dont stand out our needs we can make a blogger template by the Use of CSS and HTML . yes, before making any blogger template you must have basic knowledge of these both. and must know to make any HTML page.

What is CSS?

  • CSS stands for Cascading Style Sheets
  • Styles define how to display HTML elements
  • Styles are normally stored in Style Sheets
  • Styles were added to HTML 4.0 to solve a problem
  • External Style Sheets can save you a lot of work
  • External Style Sheets are stored in CSS files
  • Multiple style definitions will cascade into one

What is HTML?

HTML is a language for describing web pages.

  • HTML stands for Hyper Text Markup Language
  • HTML is not a programming language, it is a markup language
  • A markup language is a set of markup tags
  • HTML uses markup tags to describe web pages

This both Language can be learned from the best online school w3schools


Things you Required :

  1.  An Test Blog (With an Relevant theme or little bit Supported with the theme your are going to make)
  2. Image Editor (paint or Photoshop or any other will do)

Then you have to start it up with making the blogger template after selecting your relevant template. you have to add your CSS for blog before ]]></b:skin>
Try to learn how that CSS work and Use Div ID’s
For Example :

#example {
background : #000;
color:#FFF;
font-size:20px;
text-align:center;
}

Where i want t o add this CSS  will use the following code :

<div id=’example’>
This is just an Example.
</div>

This CODE in Working :

This is an Example . For CSS

Like this you have create some Div ID’s for you template and Some DIV Classes

How to make DIV CLASSES ?

Div classes are not different from the Div ID’s . According to my Exprience div classes are usually used for Graphics
This is how Div Classes are
 

.example {
background:#005CB9;
color:#FFF;
font-weight:bold;
}

Where i want t o add this CSS  will use the following code :

<div class=’example’>
This is just an Example.
</div>

See This Code in action :

Code In Action

My Last Tip on this Topic Is that Try to Use more of the hack about blogger available on the Web to make it perfect one.