Thursday, 7 July 2011

Template Designer: Add Style With Custom CSS Code Snippet For Blogger

Modifying your blog appearance usually requires you to edit your template’s existing CSS (Cascading Style Sheet) code or adding new codes.
To add a CSS code snippet, you go to Design > Edit HTML page and insert the code in the CSS section of the template.
That’s what you would do if you are using a regular layout template. However if you use the new Designer Template, there is another way. You can do it right from the inside of Template Designer.



Some of the advantages of using this method:

  • Safer -you don’t need to enter the Edit HTML page (where all your template codes reside), thus eliminating the risk of messing up your existing codes.
  • Instant preview -Template Designer provides live preview. You will see changes even as you enter the code.
  • Easier to undo -the added code will stay there in the editor. To undo, you can come back to the editor at any time and remove the added code.

Here’s how you do it:

  1. Go to Dashboard > Design > Template Designer.
  2. In Template Designer page, click Advanced in the menu on the left.
  3. Then scroll down the submenu and click Add CSS.
  4. Enter the CSS code snippet in the editor on the right.
  5. Hit Enter key and view the change live in the preview pane located on the lower half of the screen.
  6. Click the orange Apply To Blog button on the upper right corner of the screen to save the snippet.
  7. Click Back to Blogger link to return to Page Elements page.
  8. Done…. enjoy!

No comments :

Post a Comment

If you comment... I follow!