How make a blog Customized >>>

I have seen so many of my visitors are blog writers and they really like the template of my blog. Some of them asked how to make this.

So I thought to write how to make a blog really customized as mine.
It is pretty easy first of all you have to choose some simple template as "Minima".

Here is the steps after that.

Please do "Download Full Template" before you start editing on HTML.

And if something went wrong then just upload the template you have saved.

1. First go to Template >> Edit HTML
2. Here you have to do some coding stuff on CSS (Cascade Style Sheet)
   
3. If you are not familiar on CSS do not worry I'll provide code stuff you need (just contact me)
4. Before getting into the code you should have some place to host your images
5. Don't worry there are place that gives facility to share images.
6. Host the images which you want to display on the site background.
7. Get the url of those images and insert this code shown below in the Edit HTML place.(this sample code should be within the CSS part)
   

#bottom {
background:url("URL of bottom image");
background-attachment: fixed;
background-position: bottom center;
background-repeat: repeat-x;
}

#top {
background:url("URL of top image");
background-attachment: fixed;
background-position: top center;
background-repeat: repeat-x;
}


8. Now the CSS knows about the background but it have to be added on HTML also.Just add the code given below inside the < body > tag.
   

< div id="top" >
< div id="bottom">


9. Do not forget to place the end tags before the end tag of the body tag.
   
10. Now there should be 2 images on the top and the bottom as backgrounds.But Internet Explorer 6 in does not render it correctly (it just put images on the top and bottom of the page).On FireFox and Internet Explorer 7 it just appears in background and the text can be scrolled separately on top of the background (like 2 layers)
11. Now you have to do some little more.
    
    
12. Next step is to give some transparency to the content of the page. It is pretty much easier.
13. In HTML code you are editing you can find CSS class as "#outer-wrapper". Just add the following lines to that class.


background-color: white; //background color can be changed
-moz-opacity:0.55;
filter:alpha(opacity=55);//transparency level can be changed

The green color content can be changed as your wish.


14. Now you'll feel the difference.

Wish you all the best on changing the look and feel of your blog.

If something went wrong please contact me.