How to Add CSS Code in Blogger Template

How to add CSS code in blogger template? It is a toughing task for a beginner. To customize blogger template you are must be knowledgeable with its codding style. But it doesn't mean that you cannot customize your blogger template. even basic knowledge can be work fine in blogger because in Google blogger everything is simple and easy, you will have to just practice for few months or it depends upon your interest. So, if you are having trouble or difficulty in adding CSS to your blogger template then here is quick tutorial that will show you how you can add CSS code to your blogger template.

Also see : 30 Pure CSS Loading Animations Examples From CodePen

How to Add CSS Code in Blogger Template?

There are two different way of adding CSS codes to blogger template. both method are mentioned below.

1. Adding CSS to Blogger by Edit Template HTML :

Firstly, Go to blogger dashboard > Template > Edit HTML and search for the tag ]]></b:skin> and just above it paste the CSS code that you would like to add in your blogger template. after everything is done, your blogger template is customized and you can see the preview of your customization before applying. To see the preview of it you just have to click on the "Preview" button. once you are satisfied with the preview of your blog. Click "Save Template" button at top of the editor to save your template.

2. Adding CSS to Blogger Using Template Designer:

Google's Blogger knows that this is not required that all blogger users should be knowledgeable with the web developing languages like HTML or CSS. So, this is why blogger provides a great tool called “Blogger Template Designer” for non-technical users.

Go to blogger dashboard > Template > Customize. When you click on the Customize button it will redirect you to the blogger template designer, there you will notice some options for customizing your blogger template. and also you will see your blog preview just below the template designer. as it can be seen in the screenshot below:

As you can see above screenshot of blogger template designer, choose the option “Advance >> Add CSS” in order to add CSS code in your blogger template. And paste your CSS code just inside the empty text box area. When you add CSS then you will notice changes being done on that preview window.

Once everything is done Click “Apply to Blog” button located at the top right corner of your screen.