Tuesday, May 19, 2020

How to Change the Color of Blog Post Title in Blogger.com Platform

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 :

-------------------------------------------------------------------------------------------------------------------------

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 !!

No comments:

Post a Comment