Usually, each template has a unique style for the post title. However certainly it could be any of the bloggers want to change the style of their post title (font color, italics/bold/normal, and so on). This article will discuss about it. You can see the example by clicking the button at the right (change randomly).
To change the style of a text, at least we should get used to playing with css, in this case is fonts and text elements, such as font-style, font-size, and others. Here are the steps: (Do not forget to backup the template first to stride safely).
- First, login to your blogger account. Get into Design > Edit HTML. Select the 'Expand Widget Templates' option.
- Use CTRL + F to locate .post h3 inside template code. If that is not found, try locating .post h2 . If still not found, locate .post h1 . One of that three codes shoud be found. What you'll find is like this:
.post h3 {
....
}
|
- Add or change the css elements according to your wishes. Here is an example:
.post h3 {
...
font-family:Arial;
font-size:18px;
font-style:italic;
color:red;
...
}
|
If you're not yet familiar with CSS, especially CSS for font, you might see this info: http://www.tizag.com/cssT/font.php
- Save your template and then see the result. It's done. If you are interested, here I try making a tool for changing the text style, you can use the css code in your template:
This is The Example Text Font family: Font size: Font style: Font variant: Font weight: Decoration: Color: CSS codes: by ShoutWhisper.com |
No comments:
Post a Comment