Skip to main content

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)

  8. #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;
    }


  9. 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.

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


  11. Do not forget to place the end tags before the end tag of the body tag.
  12. 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)
  13. Now you have to do some little more.

  14. Next step is to give some transparency to the content of the page. It is pretty much easier.
  15. In HTML code you are editing you can find CSS class as "#outer-wrapper". Just add the following lines to that class.


  16. 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.

  17. 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.

Comments

  1. There are places to share images.I have used mediamax.com first but it has some limitations.So now I'm using flickr.com and picasa of google.

    ReplyDelete
  2. In my 13th step I have said how to make transparency but actually it works only for IE7 and FireFox. If you want transparency on Apple Safari you have to add this line also.

    -khtml-opacity:0.55;

    ReplyDelete
  3. Yoooo Man Thanks for Customizing My Blog Template
    http://prageethm.blogspot.com/

    Cheers

    ReplyDelete

Post a Comment

Popular posts from this blog

Google API v3 with PHP using Blogger service

It was really hard for me to understand how the Google APIs are working at the first point and took few days for me to figure out. But after a successful working prototype it seems very easy. And also when I am searching for a simple example I was unable to find a good one that I can understand. So let me list down step by step what I have done with URLs and as simple as I can. Create a Google app location -  https://code.google.com/apis/console Switch on the "Blogger API v3" Get the latest APIs client library for PHP location -  https://code.google.com/p/google-api-php-client/downloads/list Upload the files to your host location on on localhost Extract the files to folder  named "GoogleClientApi" Create your php file outside of the folder  Copy paste following code into the file and do the changes as needed  By changing the scope and the service object you can access all the services that is given by Google APIs through the PHP API library se

My two cents on new year resolution

What is the plan for the new year ? - need to think on what are we trying achieve during next year 2018 - basically the life goals - may be personal or professional - and also it should be realistic (not something like going to Mars ;)) Why we need a plan for the new year ? - basically a goal without a plan is a DREAM - And also should be able to measure (what you cannot measure, you cannot manage) How to prepare a new Year resolution/plan ? - Leave some buffer time - Make changes during the year (life is changing/evolving) - Plan is only for you (do not share it) - When a milestone is achieved, celebrate - Try to stick to the plan - otherwise no point of planing

Assets and Liabilities as Rich Dad, Poor Dad explains

I was reading "The rich dad poor dad by Robert Kiyosaki" here is a one point that he mentions on that. Basically Asset as he says is little bit different than on books. If something puts money in your pocket it is a asset. And Liabilities are the ones that takes money out of your pocket. OK for example a house or a car may seems like an Asset but it takes money out of you pocket to maintain them. But if you rent them or make them to make money at the end of the day you can convert it to a asset. Basically that what rich people do. They buy assets. Middle class buy liabilities (thinking those are assets) and stuff (a lot of them that not used or that not needed). Lower class buy to consume (basic needs like foods).