How to Add CSS code To Blogger through Template Designer

What is CSS in Blogger site: CSS means Cascading Style Sheets. You can easily customize your BlogSpot site using this CSS code. We can add CSS code to the blogger in a simple way. I think this tutorial helps you to add CSS code to your blogger site.
Sometimes many bloggers use custom CSS code for their BlogSpot site. They use this code to customizing their site and to install new features.When they use code it is difficult to locate ]]></b:skin> tag to them. So in this tutorial, I have discussed two ways to add CSS code for blogger sites.
You can add CSS code for your blogger in two ways. Either you can add CSS code by Edit HTML option, or you can add CSS code by customizing. In case of customize, click on the customize option from your dashboard template. In this section, you will find a different option to customize your blogger site. You can choose any field from the menu list. In this tutorial, I have discussed it with the screenshot, which may be helpful for you.

Add CSS through Blogger Template Designer

Step: 1To customize your blogger site through CSS code, log in your blogger account from www.blogger.com, and then choose the post which you want to customize.
template for css code
Step: 2 Next, select the Customize button from the Template of your dashboard.
customize css code
Step: 3: Now click on the Advanced tab button
Step: 4: Here, you need to click on the ‘Add CSS’ tab and add CSS code in the right side field. Here you can add different CSS codes to customize your blog site or design your template. You can choose more options by scroll down your menu list.
add css
Step: 5: After adding your CSS code, click on Apply to the blog button to save your CSS code.
You cannot edit your CSS style, which already exists in your template. For edit and modification CSS style, you have to go HTML of your model. Here you can add a new CSS style and edit the existing CSS style, which added through template designer panel.
You have not required to add such HTML code <style type=”text/css”></style> , you can paste the CSS styles directly. If you Add those html code it may result in error.

Add CSS through Edit HTML

You can add CSS styles through Edit HTMLbut working with Html Editor. You have to acquire some knowledge with HTML and CSS. Here you will find a lot of markup codes. So before you add or change any code, you have to back up your code. You can go your Html Editor by the following process

  • At first log in your Blogger dashboard from blogger.com
  • Next click on Template from blogger dashboard

edit your html code

  • After Click on Template, Select on Edit Html button to open the template code editor
  • Now you need to search the specific code(using CTRL+F key) where you want to add your CSS code.

add css code
If you want to know more information about using of Edit HTML code template, then see how to add Google custom search. Here you will find how to change or edit your code through HTML.

Updated: October 16, 2019 — 11:36 am

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.