HOW TO CHANGE BLOG TITLE FONT STYLE, SIZE AND COLORS
There are (2) ways to customize blog title in Blogger. The good thing about is that you can use a unique custom font that you want. For example,
Segoe UI. This font is not available among the options from the Advanced tab. If you have a favorite font that you want to use, then, it only takes minutes to apply it on your blog. Aside from
that, you also have the control over the font size and the custom color that you want to use..
To change the blog title color, you should know the hex code of your preferred text color.
Now, these are the ways to customize blog title:
1. Via Advanced tab
-Log-in to Blogger.
-Go to Template – Click Customize button.
-Go to Advanced tab – Blog Title.
-Choose your preferred font style, size and color.
-Click Apply to Blog.
Most of the time this method doesn’t work most especially if you’ve done a lot of changes already in your template. If this does not work for you, you can try method number 2.
2. Via Edit HTML
First Option:
a. Still in Blogger, go to Template – click Edit
HTML – Proceed
b. Search this line:
c. Change the first font name under value with
your nominated font style. (See highlighted word
below – green)
default=”normal bold 40px Segoe UI, Tahoma,
Helvetica, FreeSans, sans-serif” value=”normal
bold 48px Georgia, Utopia, ‘Palatino Linotype’,
Palatino, serif”/>
If you want bold letters, change normal to bold. See example above (violet). If you want to change font size, you can change the px value as well. e.g. 48px.
To change the font color, change the value under header.textcolor. In the example above, the font color is 4167ac. You may use any hex color code
that you want. Remember, don’t omit # before the hex code.
-Don’t forget to save template afterwards.
If nothing happens after you changed the header values above. Follow the second option below:
a. Still in Blogger, go to Template – click Edit
HTML – Proceed
b. Find this line (CTRL + F):
h3.post-title, h4
c. Examine the code snippet below that line. See
example below.
h3.post-title, h4 {
font: normal bold 24px Verdana, Utopia, ‘Palatino
Linotype’, Palatino, serif;
color: #4167ac;
}
h3.post-title a {
font: normal bold 24px Verdana, Utopia, ‘Palatino
Linotype’, Palatino, serif;
color: #4167ac;
-All you need to do is to change the values again like what you did from the First Option. Change all the values relating to font style, size and color
under h3.post-title, h4 and h3.post-title
d. Don’t forget to save your template again.
No comments: