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…

Related Posts

Uncategorized

Review Kit.com and Fix Embedded iframe DNS Address Not Found

Kit.com is a wonderful website with amazing interface where you can populate beautiful lists of products and services. You can populate any links such posts, videos, products etc. in Kit and publish to Facebook, Twitter, Read more…

Uncategorized

Avoid Amazon Affiliates Associates account Getting terminated

Some Amazon Affiliate Associates has been getting emails from Amazon Associate Team on terminating their affiliate account due to lack of sales. Affiliates account are being terminated because of no qualified sales activity on Amazon.com Read more…

Uncategorized

Letcetra Agritech | Grow Plants The Hydroponics Way

Letcetra Agritech in Acoi Village, Goa is a private limited company that grow plants using the Hydroponic way. Hydroponic is the process of growing plants in sand, gravel, or liquid, with added nutrients but without Read more…