Easy Way to Change the Blog Post Title Color
Generally you have the
Default Grey Color for the Blogger Post title when the new blog is created and
some Theme is selected. But many bloggers change the theme design as to their
convenient design so that the design looks appealing but not as a Normal Blog site.
Frankly speaking every
new blogger may not know the proper coding to change CSS script of the selected
Theme or may even go forward with the default settings that a Blogger.com
platform gives soon your start a new blog.
Let us start discussing
the Pros & Cons of a Default Theme that we get with Blogger platform after
sign up .
Pros :
A) Blogger has many
varieties of themes and also customized option available for blogger to design
on the selected themes with the click of button without any code .
B) Blogger Provides
widgets to use in the blog which carry various purposes like :
1
|
Blogger Profile
|
2
|
Email Subscription
|
3
|
Third Party Java/CSS script Addition
|
4
|
Followers
|
5
|
google adsense for Ads
|
6
|
Popular Posts
|
7
|
Recent Posts
|
8
|
Labels
|
9
|
Blog Achieve
|
10
|
Search Me
|
11
|
Featured Post
|
12
|
Pages
|
13
|
Link List
|
14
|
Logo
|
15
|
Translate
|
16
|
Contact form
|
And many more Gadgets for bloggers to use as plug-ins
like in WordPress but here at the click of a button all these functionalities
are provided .
C) Since Blogger Platform is owned by google itself
there is more reliability of indexing and improving your blog posts easily if
the quality content and high ranking keywords are used.
D) Easy to use for New Bloggers whom never know what
are websites , hosting and minimum coding skills for a WordPress site to launch
as they can simply get start with blogger and make some decent blogs .
E) You can monetize just by investing your time
properly and cleverly in blogger platform from google adsense program.
Cons :
A) A free platform will not be reliable enough as you
won't have rights when your blog may be removed without any reason.
B) Cannot have many functionalities like in WordPress
or other platforms to customize designs fully to a very professional level.
C) cannot use many plug-ins as we use in WordPress or
other platforms .
But , though in spite of many things that are
challenging , one can really depend on blogger platform if he is new blogger or
passionate blogger or for the ones who just can't afford paid platforms to get
a website ready to put their content online .
Blogger platform has many customized settings that can
be made in their default themes provided we should know how to make those
settings. Remember you don't need coding skills for all the settings except for
few settings .
-------------------------------------------------------------------------------------------------------
Recommended Articles :
How to Index your Blog or Website in Google Search Results in just 2 weeks
what is the Quick way to index your Blog posts in Google Search Results soon you publish ?
Now let us learn how to change the Post Title Color
when we publish in blogger platform in Step By Step With Images.
Step 1 :
|
First Log in to Blogger.com with your Gmail details
for Blogger dashboard you have already created your blogs to publish content.
Step 2 :
|
Now after you are in the blogger dashboard , check for
option " Theme " which you can find left hand side in the dashboard
and click on it.
Step 3 :
|
After Selecting Theme and Clicking on it , you will
see theme you selected while you created the Blog and the list of themes under
it for you if you want to change. You will See Two Options :
A) customize
B) Edit Html
Step 4 :
|
Now click on option " Customize " to check
the settings which we can make for the theme we have selected to look different
from default theme with some changes. We see some options Like :
A) Themes
B) Background
C) Adjust width
D) Layout
E) Advanced
Step 5 :
|
You can Check the Option " Advanced " in the
Above Step 4 . Point E , there is no option for Changing " Post title
color " .
Now Click on " Go Back To Blogger " option
to land on Theme Settings option.
Step 6 :
|
Now click on " Edit HTML " Option to make
Changes in Script to Add the option of " Changing the Post Title Color
" in the " customize " Section.
Step 7 :
|
Now after clicking " Edit Html " option ,
you will see the Script page of the Blog , where you have make the necessary
changes.( Don't Worry no need of Any coding skill or Knowledge just follow as I
say, you can Easily Make changes ) .
Now click " Edit Theme " Option and put your
Cursor in the script Box And Press
" CTRL + F " Keys at a time for a Search Box to Open.
Check the below image for proper understanding of this point .
-------------------------------------------------------------------------------------------------------
Recommended Articles
---------------------------------------------------------------------------------------------------------
Step 8 :
|
Now , check for the Code Line :
/*
variable definitions
===============
|
Now , Replace the above Code with Below Code simply by
Pasting in its Place in the Script Box.
/*
Variable definitions ============== <Group description="Post Title
Color" selector="h3.post-title"> <Variable
name="post.title.link.color" description="Link Color" type="color"
default="#ff0000" value="#ff0000"/> <Variable
name="post.title.hover.color" description="Link Hover Color" type="color" default="#0000ff"
value="#00ffff"/> <Variable
name="post.title.color" description="Color on Post Page" type="color"
default="#ff00ff" value="#ff00ff"/></Group> |
Step 9 :
|
Now after Step 8 ,
Search for the Code Line
:
]]></b:skin>
|
And Replace it With :
h3.post-title
{ color:$(post.title.color); }
h3.post-title
a, h3.post-title a:visited { color:$(post.title.link.color); }
h3.post-title
a:hover { color:$(post.title.hover.color); }
]]></b:skin>
|
Step
10 :
|
After Making Two Code Line Changes Carefully , click
" Save Theme " Option and Click " Back " Option to Go back
to Theme Page .
Step
11 :
|
Now click Option " Customize " and you will
go to Customize settings page.
Now Click " Advanced " Option And Check for
Option " Post Title Color "
Option and Select your color for your title And Make Necessary Changes . I have Selected my Post title Color as Blue so it is Reflecting in Blue color as shown in Below Image.
Click
" Apply blog "
and
" Back to Blogger "
Finish and this way we can Change the Title color of
the Posts in Blogger very easily with Simple Replacing of Code and which you
can easily do if you simply follow step by step Procedure .
Thank you for Your Time Reading This Article !!
