How to modify existing CSS styles or add new ones with Blogger Template Designer

Flexibility in defining styles is the heart of any blog. Here are simple steps helping you override existing CSS styles in your Blogger blog through using Google Blogger Template Designer.

Step 1: Sign in to your blog
Visit Google Blogspot home page at: http://blogspot.com/ or http://www.blogger.com/ and sign in with your Google account.

Step 2: Go to your chosen blog Dashboard
 A Google account can have many blogs. When you sign in to your blog, you are presented with the main dashboard. You can click any link (NEW POSTs, Edit Posts, etc....) under your chosen blog title to go to the dashboard of your chosen blog.

Step 3: Add New Blog Style
Choose Design / Template Designer / Advanced / Add CSS.

Enter your modified CSS codes to "Add Custom CSS" tab. Click "Apply to Blog" button for your blog to apply modified styles and override the existing ones.
Notes:
  • In "Add Custom CSS" tab you can enter new CSS styles or enter modified existing CSS styles to override them. 
  • In order to see your added CSS styles or modified ones, you can click "Back to Blogger" and choose Design / Edit HTML. In your template editor window, locate the following code:               
]]></b:skin>
  • Your CSS styles should appear above the ]]></b:skin> code. 
  • Having said that, you can also directly add new CSS styles or modify existing ones by going to your blogger blog template editor window, locate the ]]></b:skin> code, and enter your CSS styles above the ]]></b:skin>

    No comments:

    Post a Comment

    Blog Archive

    About Me

    My photo
    I am a software developer with roughly 5 years of experience in developing end-to-end solutions in C#, Java, C/C++, PHP and HTML/CSS/Javascript. At the moment, I am joining the Professional Doctorate in Engineering degree program in Software Technology at Eindhoven University of Technology. My areas of particular interest include software design, data structures and algorithms, problem solving, software security, embedded system, machine learning, and data science.