What is CSS:
- CSS stands for Cascading Style Sheets
- Styles define how to display HTML elements
- Styles were added to HTML 4.0 to solve a problem
- External Style Sheets can save a lot of work
- External Style Sheets are stored in CSS file
Where to add CSS in our template:
In our blogger template a tag is used to add CSS called "<b:skin>...</b:skin>" tag.
In our template we add our CSS code just above </b:skin> tag :
<b:skin><![CDATA[
{
..........................................................................................................................
..........................................................................................................................
..........................................................................................................................
..........................................................................................................................
..........................................................................................................................
..........................................................................................................................
..........................................................................................................................
..........................................................................................................................
..........................................................................................................................
..........................................................................................................................
..........................................................................................................................
..........................................................................................................................
}
]]></b:skin>
We use CSS in the type of CLASS(.) or ID(#) to work with our HTML element
For example:
Class starts with
.class{
-----------------------------
-----------------------------
-----------------------------
-----------------------------
------------------
}
Id starts with # tag
# id{
----------------------------
----------------------------
----------------------------
----------------------------
}
Now stylizing our HTML element:
<div class="class"> HTML </div>
OR
<div id="id"> HTML </div>
2nd way to add CSS:
Just go to customize option from blogger template and after going there Template>Advanced>Add CSS look at the picture below:
Now after clicking this add your CSS code in the Box which is provided :
now click apply to blog DONE.
Or we can also add our CSS by hosting it such as on Google Drive and Google Code.
after hosting your CSS code just copy the link of file :
and it to the piece of code and paste this piece of code just Template » Edit HTML » Proceed.Now search for the starting <head> tag and just above it paste the following code.
<link href='https://googledrive.com/host/your-file-code' rel='stylesheet'/>
Need Help:
We will soon write another detailed article on this .. till then need any type of help please drop your all question below without any hesitation .. or for personal help please Use our contact page.till then peace and blessings.=)
Hi! I am Muneeb ,a student ,Blogger, Computer specialist and an addicted blogger.
