In this post, I will discuss on the ways to add CSS designs to your blogger's blog template.

CSS designs square measure necessary for your diary to show contents superbly, you can redesigning any a part of your diary parts with CSS, however wherever to place that code ?

Exactly, you'll get the solution during this tutorial, you'll comprehend it simply with footage demonstration with gradual procedures.

There square measure 2 ways in which to feature CSS to your diary example. I favor to use the Edit HTML mode, it's smart for skilled net designer, and that i recommend to use basic Add CSS option in blogger for peoples United Nations agency square measure new net.

I have not enclosed ways in which to feature CSS in old blogger interface, however the procedures square measure nearly same.

 

 Adding CSS using " CSS option" in Blogger:


Blogger have enclosed AN Add CSS possibility, wherever you'll simply copy and paste the CSS designs code and it'll be applied to the example. let's examine where's that possibility.
1. Go to your "Blogger dashboard" and select and click on the specific blog to which you would like to add CSS.

2. From the list of options, select and click "Template".
     
     
3. Now, select the "customize" option.

4. Select "Advanced"  >> Scroll down the list and select "Add CSS".

5. Simply paste your custom CSS code in the box and click "Apply to blog" on the top right of the page.


In this procedure you will not be able to edit the present CSS code in your example, you'll be solely able to add new designs and may solely edit the designs that you simply affixed here solely.
You don't got to add any rule like  , we will paste the raw CSS designs directly.

Adding CSS directly to Template HTML


You can add CSS designs in your example code simply, this can be conjointly a simple manner however there is such a lot code around therefore newbies won't feel snug, however once you begin operating with codes you'll realize it fascinating.

  •  Go to your "Blogger dashboard" and select and click on the specific blog to which you would like to add CSS. 
  • From the list of options, select and click "Template". 
  • Now, select the "Edit HTML" option. 
  • Using your browser default search feature(ctrl+f), search for </style> and paste the custom CSS code above the </style>. 
  • Now, Click "Save Template".

See the example below, black is CSS style.

<style type="text/css">
body
{
color: green;
background-color: yellow;
font-size: 10px;
text-indent: 5px;
padding: 2px 5px 2px 5px;
}
</style>
   
 You can add any other CSS styles to your template just by placing it between <style type="text/css"> & </style> and place the entire code above </head> in the Template HTML.
I hope, now you have an idea on how to add CSS styles to your blog. For more web-designing and blogger tips, subscribe to ViNi Web World blog.