LoginCreate an Account

Add Custom CSS into Blogger Template without Modify XML Code

Some time you need to make some minor customization with CSS only, or you bought a premium theme and author send your some CSS codes to


Some time you need to make some minor customization with CSS only, or you bought a premium theme and author send your some CSS codes to solve your problem, but you don’t want to change Template XML code of Blogger. You can easy do this by adding custom CSS code in Advance Template Editor.

To add custom CSS snippets to your template, access Template tab and click Customize button.

Access Blogger Template Customize
Access Blogger Template Customize
Then, access Advanced > Add CSS tab. Paste your CSS code into Add custom CSSĀ field and the changes you make will reflect instantly in a live preview beneath the editor. Click Apply to Blog to finish.
Add Advanced CSS into Blogger template
Add Advanced CSS into Blogger template

Note: Advance CSS code will be removed if you change the template. For adding custom CSS without lost after update your design,just adding HTML gadgets into the layout, and put your CSS code in it. Of course, this method requires you must know a little about CSS development.

Load Comments (2)

How to enable responsive feature for custom Blogger templates?

If you are using a custom Blogger template, you must enable responsive mode to make your site working well with mobile / tablet devices. To ... READ MORE


Working with Your Google+ Settings on Blogger

Blogger integrated Google+ into their system to help you share your works easier and engage with your reader on a more attractive level. To ... READ MORE