Sunday, October 16, 2011

Change Dynamic View's Blog Title Color and Size


I've been publishing lots of Dynamic View basic customization tutorials lately. All these tutorials are so gonna be moot when the option to customize Dynamic View becomes available. For the mean time, let's focus on this good question that I got from blog reader रवि. He wants to change the color and font size of his Dynamic View's blog title. And here's how.

If you're using the old Blogger interface: Go to Dashboard - Design - Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.

If you're using the new Blogger interface: Go to Dashboard ('House' symbol) - Template - Customize - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.
#header.header .title a h1{
color: blue;
text-shadow: 1px 1px 1px black;
font-size: 56px;
}
Change the values above accordingly.
  • Color - controls the main color of your blog title
  • Text-shadow - Controls the outline of your blog title. By default it is set to white. Feel free to play with the values.
  • Font-size - Controls your blog title's font size. By default it is set to 28px.

You can get a personalized color by replacing the text 'blue' or 'black' with a hex code, like '#0033CC'. Generate your own hex code by visiting the link below:

Hex Color Code Generator

Elm0D

Author & Editor

Has laoreet percipitur ad. Vide interesset in mei, no his legimus verterem. Et nostrum imperdiet appellantur usu, mnesarchum referrentur id vim.

0 comments:

Post a Comment

Navigate» Become author for this Blog

Manual Categories