Add Custom CSS to Your Template in Blogger

Adding CSS code to Blogger :
Some times you need to add custom CSS code to your Blogger blog to customize. It is difficult to find the right way to add CSS code to your Blogger, if you don't know about CSS and HTML knowledge. Don't worry, in this post I'm going to show you how to add custom CSS code to your Blogger blog. Two ways are there to add custom CSS code to your Blogger. One way is adding custom CSS code using Blogger template designer and second method is using Edit HTML option.

On of the best way to add CSS code to your Blogger is, using Edit HTML option. This method will give better results compared to other method. But without knowing about CSS and HTML knowledge, you can't easily add CSS/JavaScript code to your Blogger using Edit HTML option.

Using Blogger template designer is one of the easiest way to add CSS code to Blogger. 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 template designer and click on Add CSS under Advanced and paste your custom CSS code on Add custom CSS box. This is very quick and easiest method.

Note: Avoid adding unwanted CSS code to your Blogger. If you add more CSS code to your blog template, your blog will become slow. So try to avoid adding unwanted 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 doing small changes on your Blogger, if you want to add more code, then it is better to add CSS code directly to your Blogger template through Edit HTML option.

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

Some times you may not get better results through Template Designer, So for better results it is better to add CSS code to your Blogger template directly. This method is also easy , but to avoid errors you must know 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.

1 comment: