How / Where to Add Custom CSS to Blogspot / Blogger?

We know that Blogger allows us to place our own custom designed CSS codes and rules into the template HTML. Today, we will learn how to place any of your CSS codes into the HTML template to design accordingly. The capabilities of CSS can be used in an effective way of sustainable design and development of a website.

This small tutorial is to focus if you encounter problems adding the custom designed CSS rules into Blogger.

Method 1: Perfect way of adding CSS rule into Blogger template

1. Go to Dashboard > Select the Blog > Template > Edit HTML
Note: First Backup Your Template

2. Press Ctrl+F and Search for ]]></b:skin> in your HTML.

3. Add the CSS Rule/Code before ]]></b:skin>

Save the template. That's it.

Method 2: Adding CSS rule using the traditional way provided by Blogger. (This method is to override the existing CSS rules)

1. Go to Dashboard > Select the Blog > Template > Customize

2. Go to Advanced > Add CSS.

3. In the box, add your custom CSS to override the existing CSS rules.

4. After adding, click on "Apply to Blog" for the rule to take effect.

Hope the newbies on Blogger out there would benefit out of this tutorial. Thanks for reading.

You Also Like: CSS Button Generator