BLOGFIN

Tips, That Makes Blog Perfect !

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 blogger in simple way. I think this tutorial help you to add css code to your blogger site.
Sometimes many blogger use custome css code for their BlogSpot site. They use this code for customize their site and for install new feature.When they use code it is difficult to locate ]]></b:skin> tag to them. So in this tutorial I have discussed two way to add css code for blogger site.
You can add css code for your blogger in two way. Either you can add css code by Edit html option or you can add css  code by customize. In case for customize, click on customize option from your dashboard template. In this section you will find different option for customize your blogger site.You can choose any field from menu list. In this tutorial I have discussed it with screen shot 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 Template of your dashboard.
customize css code
Step: 3 : Now click on Advanced tab button
Step: 4 : Here you need to click on ‘Add CSS’ tab and add css code in the right side field. Here you can add different css code to customize your blog site or design your template. You can choose more option by scroll down your menu list.
add css
Step: 5 : After add your css code, click on Apply to blog button to save your css code.
You can not  edit your css style which already exist in your template.For edit and modification css style you have to go html of your template. Here you can add 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 acquired some knowledge with HTML and CSS. Here you will find lot of markup codes.So before your add or change any code you have to back up your code.You can go your Html Editor by 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 template code editor
  • Now you need to search the specific code(using CTRL+F key) where you want 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.

BLOGFIN © 2017