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.=)
If you enjoyed this post and wish to be informed whenever a new post is published, then make sure you
Subscribe to our regular Email Updates
!
Complicated ?
If you have any question about any Post, Don't hesitate to ask question.You can simply drop a comment below post or contact via contact Us form by Clicking Here Your Feedback always appreciated.
Hi! I am Muneeb ,a student ,Blogger, Computer specialist and an addicted blogger.
Where to add CSS in our blog ??
ReplyDeletei have created a copy of mbt template it looks as same as yours ,visit www.brain-of-computer.blogspot.com
DeleteLiked | Shared | Bookmarked | Superb Article
DeleteBlogger Fun Tricks
RSS and CSS addition in websites and blogspots is a very techy thing and people in the region of United Arab Emirates are much inclined to this technology of digital world and thus they are opting online education in UAE to learn more and more with convenience.
ReplyDeletenice post..Online Learning Sites In USA
ReplyDeleteUSA E Courses
nice post..nice post..Dissertation Help Online In US
ReplyDeleteBuy Thesis Paper In USA
Thanks for sharing valuable article. Also check
ReplyDeleteBNCC Exam Result 2022