Add Custom CSS to Your Template in Blogger

Adding CSS code to Blogger :

Sometimes, you may want to customize your Blogger blog by adding custom CSS code. However, if you don't have knowledge about CSS and HTML, it can be difficult to find the right way to add CSS code to your blog. But don't worry, in this post, I will show you two ways to add custom CSS code to your Blogger blog: using Blogger Template Designer and using Edit HTML option.

Using Edit HTML option is one of the best ways to add CSS code to your Blogger because it gives better results compared to other methods. However, adding CSS or JavaScript code to your Blogger using Edit HTML option requires knowledge about CSS and HTML.

On the other hand, using Blogger Template Designer is one of the easiest ways to add CSS code to your Blogger blog. You don't need any CSS and HTML knowledge to follow this method.

How to Add Custom CSS code to Your Blogger Template:

You can easily add custom CSS code to your Blogger blog using Template Designer. Just go to the template designer and click on "Add CSS" under "Advanced," and paste your custom CSS code into the "Add custom CSS" box. This is a very quick and easy method.

Note: Avoid adding unnecessary CSS code to your Blogger. If you add too much CSS code to your blog template, your blog will become slow. So, try to avoid adding unnecessary CSS code to your Blogger.

Follow below steps to add custom CSS code to your Blogger using template designer:

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Customise and then click on Advanced

Step 4 : Click on Add CSS tab

Step 5 : On right side you can see Add custom CSS box, add CSS code in that box.
            After adding CSS code click on Apply to Blog button

Like this, you can add any custom CSS code to your Blogger template. This method is good for making small changes on your Blogger. If you want to add more code, it is better to add CSS code directly to your Blogger template through the Edit HTML option.

How to add CSS code to your Blogger through Edit HTML :

Sometimes, you may not get the desired results through the Template Designer, so for better results, it is better to add CSS code directly to your Blogger template. This method is also easy, but to avoid errors, you must have basic knowledge of HTML and JavaScript.

 

Follow below steps to add custom CSS to your Blogger template through Edit HTML:

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Edit HTML

Step 4 : Now your Blogger template code will open,
             Next find the place where to add and then add code to your Blogger template.

Step 5 : Click on Save template to save changes.

This is the best way to add any CSS/JavaScript code to your Blogger template.