Site Navigation

Like what you read? Share for your friends!

Akhil S Kumar 16-03-2014

Cascading style sheets are important when it comes to designing your website or your blog. They are essential in website design optimization. It was really easy to customize CSS sheets in the template section. However in new Blogger interface the cascading style sheet section is listed between <b:skin> and </b:skin> tags. The newbies really is trying very hard to add CSS style sheets in the template section. So that I am sharing some tips to add or import css style-sheet to blogger template.

css stylesheet
CSS


 For that we need to click the arrow button to get the CSS of the template. These tags are called as embedded tags where codes are embedded between two tags. CSS style sheets can be embedded using this format. However you can import other style sheets using this coding. Before that let me introduce the way CSS works. Below you can see some CSS codes. Just copy them and paste them before skin tag in blogger template. Then save the template. After that reload your blog. Hover the mouse pointer to any link in the blog. You can see the color change in the links. So the result of adding the following CSS below to will cause links to be green when the mouse cursor hovers over them,
A:HOVER {
color: green;
}


A:HOVER {
color: green;
}

How to import a style sheets from another website to your blogger template?

So that is how CSS works. They are very simple to use and to code. So what if you need to add a massive amount of CSS from another website. For that add the following code to your template before skin tag. Add the URL of the after "@" sign. Save your template. This will increase the loading time of your site.

&lt;STYLE TYPE="text/css"&gt;
@import url(styles.css);


&lt;STYLE TYPE="text/css"&gt;
@import url(styles.css);

Put the url of your stylesheet within the brackets. The import rule must be placed before other css rules and immediately after &lt;STYLE TYPE="text/css"&gt;

&lt;STYLE TYPE="text/css"&gt;

Hope this helps...


Comments || >

Subscribe via Email

Don't Miss Any Updates, Stay Connected!.

We respect your privacy and will never share your email address with any person or organisation.