Blogger has a space for you to add any sort of custom code snippets to your template and all you need to do is copying and pasting the code snippet. The best thing is that once you add the custom CSS code there, the changes will be reflected in the preview mode before even you save new changes to your template. So it allows you to play with CSS codes safely without spoiling your template and you can apply only if the code snippet works as you expected. It's very safe indeed and you don't need follow safety tips like you would do when you have to edit your blog template. How interesting is that? ;)
Steps: To add custom CSS code in your blog template
Click on Customize button beneath your blog preview
Now you will be directed to Template Designer. Jump to Advanced
On the next pane, click on Add CSS
Now on right pane, you will see an empty text area. This is where you gonna add custom CSS snippets. Just add your CSS code snippets and you can see any visible changes below in the live preview
Once you finished with adding CSS snippets, click Apply to Blog button to make changes.
Steps: To add custom CSS code in your blog template
- Go to Blogger Dashboard
- Click On your Blog Title
- Jump to Template tab from left pane
Before editing your template, you may want to save a copy of it. Read How to Back Up Your Template