How to Change post title color blogger

Blogger provides the Template specific post title colors but if you want to customize in your own way then you can. You are here because there is no option to change post title color on blogger template designer as below image. Do you want the same option as in my Template designer, follow my guide from scratch.

Blogger-post-title-color

To enable option to change the post color, go to the Blogger Dashboard and Backup the Blogger template first before doing any changes to the Template.

After Backing up the Template inside dashboard click on Template > Edit HTML. Click inside that and find <b:skin>…</b:skin>. Expand it and scroll little, you’ll find the below lines.

/* Variable definitions
   ============

Below that add the  following code to add snippet for the Template designer.
<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>
Now scroll bellow and find the code ]]></b:skin>.
Above that add the following code

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); }

Now you’re done and save template. Here you’ll See the Red color of post title and on hover you’ll see another color. But don’t worry, move to the Template > customize. Now inside the Blogger Template designer Advanced > Post Title Color, you’ll find the option to change the post title color as in above image. Select the color of your choice for post title and hover change.

Thanks and raise your queries below by comment.

Facts about Adsense CPC and Blocked Ads

Adsense is the very popular Ad monetize program by Google. Advertisers who wants to promote their product or service, signup through Google Adwords program and decide how they want to display ads according to Banner and link ads size and then also specify how much they want to pay per click, when user click on their Ads. So Advertiser decides the CPC amount as per the competition they had. If the competition is very low then they pick the lowest budget and CPC to well perform the ad in less budget. Its the basic idea on how advertising happens.

Adsense-CPC-and-Blocked-Ads

Now lets move to the point on some real facts about Adsense Ad serving and why you should not block the Adsense ads even they are of low CPC. People sometimes gets the low CPC (0.01, 0.05, 0.08) when user click on the ad. But getting low Adsense CPC does not mean that you are not displaying the best Adsense Ads. Its upto google how they display Ads. But i want to recommend you check Several reasons for Irrelevant Ads Appear on your Page. By Following this guidelines you may allow your site to display better Adsense ads. Its all depends on Niche of the blog on how you get the CPC (Cost Per click) but you have to make sure that you are not blocking any pages in robots.txt for Ads to be appear.

Adsense Never Display Irrelevant Ads if you use Ad. Targeted Niche –

Adsense Ads are displayed on your website according to the Niche of your Blog contents. So, if you are having the very high quality and competition niche then you gets the best relevant ads to your content but if you are having the very worst niche that not targeted by any of the Advertiser then chances of getting relevant ads are quite low. Which in turn gives you some random low quality Ads to your blog. So Its best idea to pick the high quality Ad. Targeted niche.

Not Relevant Ads. Means not High CPC –

When your site displaying irreverent Ads due to the worst content on the blog then you might not get high Adsense CPC because there is no Advertiser related to your content. Adsense Serves best Ads to the relevant content such that it have more chances to be clicked by viewers. Even you won’t get the high Click through rate (CTR) because people only interested in Ads which best fits the blog content and interest.

People Claiming that they are getting High CPC after blocking the LOW CPC Ads but the fact is that they are Getting high CPC due to the following reasons

  • High quality Ad. Targeted Niche (Help to serve high competition ads.)
  • Traffic from the USA, UK, CANADA (Advertisers Spent more on that Traffic)
  • Traffic Directly from Search engine (serve most relevant content Ads.)
  • Type of the Ads Used in the Blog (Mixed Image and text give high CPC)
  • Ads served based on User Browsing History.
  • Larger Ad unite always gives more per click (Cover major area of blog)
  • Lesser Ad unite gives better CPC (AD unite loaded first in blog have high Advertising Cost) –
  • Don’t Trust me – Try it Out by minimizing Ad unite per page.

Note – If you Have Blocked the Some of the Adsense Ads then you might face the following Issue.

Blog Run Out of Ads –

Your blog might run out of Ads if the Advertisers budget get reached the daily limit and if you blocked some of the Ads even they are of low quality then there is no chances to be appear those ads when your blog not serving any Unblock ads due to budget limit of Advertisers. So you gets the less pageviews even your blog had the maximum traffic. So its recommended to display All the Ads in your Worst Niche to Maximize Pageviews and Revenues.

I had experience on the Same. Once i blocked all the Low quality ads on my blog then i got the notification from the Google to Unblock all the Ads that i have blocked such that they can serve better ads related to contents of the posts and niche. I then unblocked all the Ads and realized that it gave me more pageviews. So i think my blog was not serving the ads at the end of the day when Advertisers budget limit reached.

One more thing i learnt is That, We are Blocking the Ads categories Even they are not displaying in our Blog and far distinct from the Niche type. Those ads are served only when nothing is to be served by Adsense. So its better to allow all ads such that we can’t run out of ads and can maximize the revenue.
Hope you got better understanding on Adsense CPC and Ad serving. Give your Ideas on the Same. Any comment would be appreciated !

Customize comment link label in blogger homepage

Blogger customization is the important for better user experience and navigation. Previous post was on how to remove the comment link from Blogger homepage only without disabling the user comments in blog. Now let’s see how to customize the comment Label link to add the custom message. By default it shows the ‘no comments’ or ‘n comments’. You can also add the custom message along with that. Before doing any changes to the template Backup it first. Now move to the blogger dashboard to edit template HTML code.
Click anywhere inside template code and press ctrl+f to search for the below code.

<b:includable id=’comment_count_picker’ var=’post’>
Expand the above code and locate the following code.
<data:post.commentLabelFull/>

Now add the phrase like “Leave your comment”, “mention your thoughts”, “Post comment” at the end of the above code as below. Add any Text of your choice.

<data:post.commentLabelFull/>. Post comment:
Now save the template and view the changes on blog homepage to see the phrase you added.

Thanks and state your views below.

Remove comment link from homepage in Blogger

From the Blogger dashboard you can customize your needs based on what you want between the posts. You can add and remove the Author, labels, date, Locations and much more but when it comes to comments it’ll create the problem. When you disable the comment from there, blogger not only removes the comment link from homepage but also disables the comment for the users. Move to the specific blog post and view the affection. So blogger should provide the option to disable the comment links for only homepage such that it does not disable the user comments.
remove-comment-label-link-only-in-homepage-blogger
But don’t worry here is the solution !

Move to the blogger dashboard. Template> Edit HTML. But before interacting with template it’s better to Backup it. After that click inside anywhere in HTML. Press ctrl+f to locate the <b:includable id=’comment_count_picker’ var=’post’>
Expand that code from left side Triangle and locate the code shown below.

<a class=’comment-link’ expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’>
      <data:post.commentLabelFull/>:
    </a>

Delete the entire code highlighted in green which is the comment label link code. Save the Template and You are Done !
View the changes in blog.

Thanks and Happy Customization !

Change Header Size in Blogger

By default blogger gives the larger height in the header and when we adds the Description along with Title then it’ll takes some extra space for it and makes even more larger header. But Larger header height looks ugly and for professional image we need to change the header size. We can do the changes in HTML to modify the header size by removing the extra padding at the Title. Default template having the extra padding of 22px along with the Title. So it’s important to minimize the extra pad space.

Move to the Blogger Dashboard. Here you can Edit the Existing css code inside HTML but it is crucial to perform the Backup operation before editing. So we’ll not do in that way. Let’s overwrite the existing css. Previously we’ve seen the css styling with Pager Links and Read-more links. Inside the Blogger dashboard click on Template> Customize> Advanced> Add CSS. Here on the right side box. add the below CSS code.

.header-inner .Header .titlewrapper {
  padding:22px 30px;
}

Here modify the padding according to your choice. By default its 22px and 30px. As you modify the code you’ll see the effects in screen below the css box. Select the header style which best fits to your entire blogger layout. Apply the changes and You are done !

Thanks.