Best 2 Know

The Ultimate Blogging Resource

  • Advertising
  • WebHosting
  • Contact Us
  • Blogger
    • Blogger Templates
    • Blogger Tutorials
  • Browser
    • Firefox
    • Google Chrome
  • Google
  • Internet
    • Facebook
    • Twitter
  • Thesis
  • Windows
  • WordPress
    • WordPress Themes
    • WordPress Plugins
  • More
    • Linux
    • Review
    • Solutions
    • Announcements

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.

Subscribe via Email

Share this:

  • Click to share on X (Opens in new window) X
  • Click to share on Facebook (Opens in new window) Facebook
  • Click to share on Pocket (Opens in new window) Pocket
  • Click to print (Opens in new window) Print
  • Click to share on WhatsApp (Opens in new window) WhatsApp
  • Click to email a link to a friend (Opens in new window) Email

Related

May 10, 2009 Ritesh Sanap Blogger Tutorials

Comments

  1. Demóstenes García says

    May 10, 2009 at 10:30 pm

    If you are so good then why you just stole woork?… So weird

    Reply
  2. vuluganck says

    May 11, 2009 at 12:37 pm

    I have followed you . my nick name is zendersto, great blog I love it , keep doing

    Reply
  3. Ritesh Sanap says

    May 11, 2009 at 7:20 pm

    I have not stole the template by woork. i have modified it. woork releases the blogger template which was with no border and Etc. i just modified it.

    Reply
  4. LoLLY JeaN says

    June 1, 2009 at 7:39 pm

    hi
    i love the template you did
    can you teach me how to make the blue highlight code?

    thanks

    Reply
  5. Ritesh Sanap says

    June 1, 2009 at 9:41 pm

    Sure

    Reply
  6. Sai says

    November 16, 2009 at 7:31 pm

    As already mentioned, you are a thief Ritesh. You have republished many articles and pictures from BloggerStop.Net without giving credits….now what do you want to say regarding this ???

    Reply

Leave a ReplyCancel reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Post navigation

Previous Previous post: Add TwitThis on your Blogger template and drive more traffic on your website
Next Next post: How to send content summary only for my feedburner subscribers via email?

Currently Trending

  • How to download Specific parts of YouTube videos
    How to download Specific parts of YouTube videos
  • Windows Vista CD key
    Windows Vista CD key
  • How to retrieve my Demonoid username
    How to retrieve my Demonoid username
  • How to add Logo to Thesis theme
    How to add Logo to Thesis theme
  • How to Delete Feedbacks from JetPack Contact Form
    How to Delete Feedbacks from JetPack Contact Form
  • List Of All 255 Keyboard All Alt Key Codes
    List Of All 255 Keyboard All Alt Key Codes
  • h4x0r ( Hacker ) - Blogger Template
    h4x0r ( Hacker ) - Blogger Template

Get Latest post in your Inbox

Random Posts

Install Loading page status in Blogspot

March 2, 2009 By Ritesh Sanap 4 Comments

4 Games You Can Play while Working

August 1, 2011 By Ritesh Sanap 11 Comments

How to add Favicon to your WordPress site

February 3, 2012 By Ritesh Sanap Leave a Comment

Blue Statement Thesis Theme

April 18, 2011 By Ritesh Sanap 6 Comments

Set More Than One Firefox Homepage

March 28, 2009 By Ritesh Sanap Leave a Comment

WordPress

HTTP2 Server Push for W3 Total Cache Minify plugin

August 17, 2016 By Ritesh Sanap 5 Comments

How to Disable Emojis in WordPress

January 6, 2016 By Ritesh Sanap Leave a Comment

JetPack Related posts and Sharing not working with NGINX

November 10, 2015 By Ritesh Sanap Leave a Comment

Simply Pure – WordPress Theme

November 2, 2014 By Ritesh Sanap 2 Comments

Advanced What should we Write about next? – WordPress Plugin

July 28, 2014 By Ritesh Sanap Leave a Comment

How to Disable Self Pingback or TrackBack

January 16, 2014 By Ritesh Sanap Leave a Comment

BlueStrap – WordPress Theme

January 1, 2014 By Ritesh Sanap 15 Comments

How to Create Multiple Excerpts in WordPress

December 24, 2013 By Ritesh Sanap Leave a Comment

How to Disable Auto Update in WordPress

November 21, 2013 By Ritesh Sanap Leave a Comment

How to Delete Feedbacks from JetPack Contact Form

November 19, 2013 By Ritesh Sanap 9 Comments

Recent Posts

  • HTTP2 Server Push for W3 Total Cache Minify plugin
  • How to show hidden files and folders in Mac OS X
  • How to Disable Emojis in WordPress
  • Canva – Online Photo Editor
  • JetPack Related posts and Sharing not working with NGINX

Archives

Recommends

  • DigitalOcean – Cloud Hosting
  • Dropbox – Cloud Storage
  • Elegant Themes – WordPress Themes
  • LastPass – Password Manager
  • Like us on Facebook
  • Follow on Twitter
  • +1 on Google
  • Subscribe via Email
  • RSS Feed

© 2025 Best 2 Know · All Rights Reserved · We ♥ DigitalOcean