How to add Custom CSS in Blogger Blog

This tutorial is for the new Bloggers who are not aware of adding Custom CSS in Blogger Blog. Adding the CSS into the template has lot of advantages, as the added CSS can be called with its class or ID whenever its needed. You don’t need to add them again and again.  If you are very new to blogging, I recommend you to read, How to create a Blog in Blogger, Giving Professional look to blogger, Running your blog on a custom Domain, Creating Posts and Pages in blogger, Adding custom Robots.txt .

What is a Custom CSS?

CSS stands for Cascading Style Sheet. This is a style sheet language that describes the look and formatting of the document written in HTML. In simple words CSS is used to style the elements of HTML. In blogger the template comes with some standard CSS and the CSS that you are going to add in your blogger template is called Custom CSS. This CSS may have the codes for your buttons, Styling and Formatting of your <div> tag etc,. Let us see the steps in adding this CSS code to your blogger blog. Example for this CSS is given below

.YourClassName {
margin: 1px;
color: #EFF8FB;
padding: 5px 15px;
position: relative;
border: 0px #fff;
border-radius: 5px;

Adding Custom CSS in Blogger Blog

CSS can be added to blogger blog in three ways. The most easiest method is to add it through your blogger customizer or Template Designer. The other methods includes adding the CSS directly into the template in the template editor, or else uploading the CSS separately in some file sharing sites and linking them to your blog template. This method of linking the external style-sheet saves a lot of lines of codes in your HTML. Let us see the easiest method here.

Login to your Blogger and go into the Blog in which you want to add the custom CSS. Navigate to the Template in your left sidebar and click Customize button as shown below.

Click Customize button

In the Customizer Click the Advanced Tab and click Add CSS from the sub menu that appears. Enter your CSS there in the space provided. and Click Apply to Blog button on your top right corner as shown here.

Add your CSS in the space given

You have now added Custom CSS to your Blog.

Other People are reading

Hope you liked this tutorial. For any clarifications and suggestions, use the comment box below. Subscribe to our Newsletter for getting the future updates directly in your inbox.
Free Email Updates !
Join the visitors who are receiving our newsletter and receive the Daily Mass Readings, Prayers and other updates directly in your inbox.
We respect your privacy and take protecting it seriously.

Leave a Reply

8 Comments On "How to add Custom CSS in Blogger Blog"

Sort by:   Newest | Oldest | Most voted
click to read
click to read

I simply want to say I am just very new to blogs and certainly liked this web-site. Likely I’m going to bookmark your blog . You absolutely come with exceptional articles and reviews. Many thanks for sharing your web site.


I just want to mention I’m beginner to blogging and site-building and definitely liked this blog site. More than likely I’m going to bookmark your blog . You actually have remarkable stories. Kudos for revealing your blog.

Pasquale Redish
Pasquale Redish

Thanks just for posting.It absolutely was extremely superb reading with regards to your thoughts about this particular subject.I was in search of this sort of article for a long time,and amazingly i came accross your website.I really hope you certainly will keep helping people in the same manner in future also.

Dorla Imler
Dorla Imler

Well it is a very useful write-up.Thank you just for posting this type of information and facts with us.I hope you will definitely continue enlightening individuals in future also,by way of this type of beneficial information.Carry on the brilliant task.


You can definitely see your expertise within the work you write. The sector hopes for even more passionate writers such as you who are not afraid to say how they believe. At all times go after your heart.