Submit a sitemap to Google webmaster tools

Sitemap: Sitemap is a list of pages of a website/blog. Sitemaps used to inform to the search engines about the pages available on your blog for crawling. To improve your blog indexing, it is better to add your blog sitemap to Google search engines. You can use Google webmaster tools(Google Search Console) to submit your blog sitemap.

Not only for Google, submit your blog sitemap to all major search engines. In this post I'm going to show you how to submit your blog sitemap to Google search engine using Google Webmaster Tool.

Dofollow and Nofollow Links

Generally all blogs contains many back links. We can divide hyperlinks on your blog with Dofollow and Nofollow. Dofollow and Nofollow are the important terms of Search engine optimization. Dofollow and Nofollow are the attribute values used in hyper links.
Generally Google bot visiting a blog means visiting all links on your blog to index. You can stop search engines not to follow a particular link in your blog using Nofollow attribution value. You can avoid spam indexing using Nofollow.

add a widget below attribution widget in blogger

Adding below Attribution widget in Blogger:

Attribution widget is placed in the footer section of a Blogger blog. We can see message like "Powered by Blogger" in Blogger blog footer. That message is added by Attribution widget. By default all the widgets added on your Blogger footer will lies above Attribution widget.

How to use Google webmaster tools

Google Webmaster Tools( Google Search Console):

Google providing Google webmaster tools, now it's called a Google Search Console. Using Google webmaster tools you can see all statistic reports of your blog pages. It will give the complete report about your blog pages visibility on Google search engine. Generally all bloggers use Google Search Console. Especially to submit your blog sitemap to Google search engine, we must need Google Search Console(Google Webmaster Tools.

Make money with Chitika referral program

Chitika Referral Program:

Chitika is one of the online advertising network. You can make money with Chitika like AdSense. You can make money by adding Chitika ads to your blog. Chitka also providing one more extra feature called " Referral Program". You can also some extra money with Chitika affiliate program.

I already showed you how to add Chitika ads to a blog, now I'm going to show you how to use Chitika referral program to make money.

How to Enable Custom Robots.txt File in Blogger

Robots.txt file for Blogger:
Robots.txt file gives the instructions related to crawling to search engine robots about the pages in a website/blog. Using this file you can stop crawling certain pages on your website/blog. I'm not going to tell about the importance of robots.txt file now, Straightly I'm going to tell you how to enable Robots.txt file in your Blogger blog.

Put ads below post in blogger

Adding Ads just below blog posts:

We can place any ads below posts on Blogger blog. Putting the ads below posts is one the highly recommended way to generate high CPC and CTR(Click Through Rate). Generally bloggers places ads below blog post titles or below blog post content.

We can already discussed how to put ads above post or below post title. Now I'm showing you how to put ads below every posts in your Blogger blog.

Make money with Chitika

Chitika:

Chitika is the best alternative to Google Adsense. The Chitika ads which appears on your blog are related to your blog keywords. Chitika ads will appear clearly on your blog only if go through search engine.Suppose if you visit a blog through search engine with SEO tips keyword, then ads related to SEO tips will appear on that blog.

Top free blogging platforms

Blogging Platforms :

You can start a blog without investing money. Today many free blogging platforms are available to create free blogs. It is good idea to start blogging with free blogs. I also start my blogging with this blog. Now I'm running many websites with the basic knowledge of this blog.

How to start a blog

It is the time to start a blog to make money online. If you really want to earn money online , then you must have a blog. With your blog you can sell or promote any thing on the internet. You make money online by selling your products or others, promoting, and providing services.

Let's start a new blog

Make money on the internet

Make money online:

Today we can make money online. Many ways are available to make money on the internet. Internet is the best source to make money. I think it is better to stop wasting your valuable time to browse unnecessary things, Turn internet in to money making machine. In this post I'm showing you some of the best and genuine ways to make money online.

Add background image or color to blogger pagelist widget

How to add background image/color to Blogger pagelist widget :

You can add background image or color to pagelist gadget on your Blogger. With background image, pagelist widget looks will improve. It is easy to add any custom background image to Blogger pagelist widget/gadget.

Follow below steps to add background image/color to Blogger pagelist widget

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Edit HTML

Step 4 : Search .tabs-outer {

To add background image :

add below line before closing tag of above line

background: url(your image url) ; 

To add background color :

add below line 

background: #FF8000;

Step 5 : Click on Save template

Add background image to blogger sidebar widget titles

How to add background image to Blogger sidebar widget titles:

We can add an image as background to sidebar widget titles in Blogger.We can also add different images to different widget titles in Blogger sidebar.But here I'm telling how to set image as background to Blogger sidebar widget/gadget tiles and how to change width and height of background image.

Follow below steps to add  background image to sidebar widget titles in Blogger

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Edit HTML

Step 4 :  Search .sidebar .widget h2 {

add below line just below the above line

background: url(your custom image url) ;


note: put image url link in the place of your custom image url in the above line.

if you want to adjust image size use below tags :
height:  px;
width:  px;

Step 5 : Click on Save template.

Add a line between blogger sidebar widgets

How to add a line between sidebar widgets in Blogger :

After removing sidebar widgets border, it is better to add a line between sidebar gadgets.We can separate sidebar widgets with bottom line or image.It will really help for those who removed sidebar widget border and shadow.

Follow below steps to separate sidebar widgets in Blogger

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : click on Edit Html

Step 4 : Search  .main-inner .widget {

add below line after above

border-bottom: 3px solid #000000;


If you want to separate with image add below code instead of the above line
background-image: url(image URL);
background-position: bottom;
background-repeat: no-repeat;

Step 5 : Click on Save template.

hide or remove specific blogger share button

How to hide/remove a specific Blogger share button :

By default Blogger's share buttons will appear below posts in Blogger blog. You can hide or remove those default share buttons in your Blogger blog. You can also hide or remove specific Blogger share button. It is easy to remove Blogger share buttons. You can hide share buttons by adding CSS code to your Blogger.

Follow below steps to hide/remove a specific Blogger share button on your blog :

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template and click on Edit HTML.

Step 3: Search <b:includable id='shareButtons' var='post'> 
 and </b:includable>

In between above 2 lines, all Blogger's share buttons code will appear.

Suppose if you want to remove twitter share button, then find and delete below code from share buttons code

<b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if>

Like this you can remove remaining share buttons. Keep this code, if you want to add this share buttons again to your Blogger blog. Just add exact deleted code to add again to your Blogger.

You can also hide specific share button without deleting. If you want to hide share buttons without deleting, the follow below procedure.

How to hide specific share button on your Blogger :

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Customise

Step 4 : Click on Advance and click on Add CSS

Suppose if you want to hide twitter share button then add below CSS code.

.sb-twitter {
display: none !important;
}

Step 5: Click on Apply to blog

Now check once whether twitter button is hide or not.

Like this you can hide any share buttons. Just replace button name after .sb- in the above CSS code.
I.e.sb-enter share button names(mail/blog/twitter/facebook){
display: none !important;
}

If  you want to get back share buttons, simply delete that CSS code.

Add a link to blogger widget titles

How to add a link to widget titles in Blogger:

All the widget titles in Blogger have no hyper links.But we can add link to widget titles in Blogger blogs.This will works good if you add link to follows gadget like Google+ Followers gadget.With this posts we can put link in Google+ Followers widget title.

Follow below steps to add a link to widget titles in Blogger blog

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Edit HTML

Step 4 : Search below code

<b:widget id='PlusFollowers1' locked='false' title='Google+ Followers' type='PlusFollowers'>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>


Replace last line of the above code with below like

<h2 class='title'><a href=" your custom url link"><data:title/></a> </h2>

Put link in the pace of your custom url link in the above code.

Step 5 : Click on Save template.

After adding link to your Google+ Followers gadget title , when you click on title then it will goes to the link added in the above code.

Change size of images displayed in Lightbox viewer on blogger

How to change the size of images displayed in Lightbox viewer :

When we click on images on Blogger blog ,the images will display on lightbox viewer.By default the images displayed in image light viewer(image viewer) is very large in size.We can decrease the size of images displayed in light box with out adjusting image width and height attribute values in image html code.

Note: This method will help only those who upload image directly in Blogger.

Follow below steps to change the size of images displayed in Lightbox viewer

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Posts

Step 3 : Click on Edit post where image uploaded

Step 4 : Go to html mode by click on html next to compose

look for below code in image code :

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixekOzOnDH4zs1H722KiXLerMSqWDdPe3KNBqvsRrXp7-He26cwxj7eyCak1gntSkpOdnHiP4WXaCUq_2UTfjAKnWY3NM09DHuyLdca74WAL47QBj4Yv8A6w7qNaIhwJAptte5gk6dqKg/s1600/smaple-image-name.jpg >


change s1600 to s800 in the above code
if you want to decrease more then decrease value after s in the above code.

Step 5 : Click on Publish/Update post

Now click on that image, then you can see small image than before.

Remove shadow around blog pager in blogger

How to remove shadow around blog pager in Blogger :

We know blog pager lies below posts in Blogger. We can see shadow around blog pager in Blogger. We can delete that shadow. We can also increase or decrease the shadow around Blog Pager in Blogger.

Follow below steps to remove shadow around blog pager in Blogger

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Edit HTML

Step 4 : Search #blog-pager {

You can see code like below before ' } ' tag of   #blog-pager {

  -moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  -goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

Replace all .2's with 0's in the above code.

Step 5 : Click on Save template.

like this you can increase , decrease or remove the shadow from blog pager in Blogger.

Add a background image to blogger comments

Background image to Blogger comments :

Comments will appear below every post on your Blogger. We can customize blog comment section in Blogger as we require. We can attract the user to comment by making comment section more attractive. You can make your Blogger commenting section attractive by adding border, color and background image to comments section in your Blogger blog.

How to add background image to blog comments in Blogger : 

In the previous post we learn how to change post a comment message on Blogger, Now I'm showing how to add a background image to your Blogger comments. Using this post you can add an image related to envelope to your blog comments. This process is simple , you just have to background image tag to your Blogger commenting section code in your Blogger template.

Follow below steps to add a background image to your Blogger comments

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Edit HTML

Step 4 : Search   .post-outer .comments {

add below line just below the above line

background: url(image url )repeat;

note: replace image url with your image link .

Step 5 : Click on Save template.

After adding background image, you may get some empty space on right side, left side and bottom of the image. To reduce that empty space use margin tags.

Add copyright notice to blogger blog

How to add Copyright notice to Blogger blog : 

It is better to add copyright notice to protect your blog content. No need to add copyright notice to all blog posts , simply add it to your Blogger blog footer.Here I'm showing how to put copyright notice in Blogger footer with attribution widget .With this method, your copyright notice will shown left side to Powered by Blogger message in Blogger footer.

Follow below steps to add copyright notice to Blogger blog

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Layout

Step 3 : Click on Edit HTML

Step 4 : Click on Edit Attribution widget.

Now configure attribution window will open

Enter below message in copyright(optional) box

Copyright © year blogname.All rights reserved

Step 5 : Click on Save button.

You can also add copyright notice to Blogger in any where by using HTML/JavaScript gadget.

Type Copyright symbol in blogger

How to type © Copyright symbol in blogs :

To add copyright notice to Blogger blogs, not only Blogger blogs, any blogs, we have to type copyright symbol ©. But we can't type © symbol from keyboard.We can type copyright symbol with some combination of symbols and numbers.

Follow below steps to type © Copyright symbol in Blogger posts

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Posts

Step 3 : Click on New post

Step 4 : Click on HTML to turn in to HTML mode 

Enter below combination of keys

&#169;

Now click on compose button , now you can see © symbol

Step 5 : Click on Publish button to publish post.

Like this you can add © symbol to Blogger blog in any where with HTML supported gadgets.

Another methods to type © symbol :

use &copy; like (combination of keys)  &#169;  in step4 .

Remove post footer from blogger blog

Post Footer in Blogger : 

All posts in your Blogger blog contains same post footer in Blogger blog. Default share buttons , post labels and and many buttons will appear in the post footer location in Blogger blog. In this post i'm giving one method to remove that default post footer from your Blogger blog. This post will help those who want to add custom post footer to their blogs. 

How to remove post footer from Blogger blogs :

In post footer we can see default share buttons, labels,quick edit button, post by author name and many more by default in Blogger blogs. Generally people remove default post footer to put their custom share buttons, labels like that. We can also put email subscription form in the post footer after removing. Two methods are there to remove post footer from your Blogger , first one is basic method and second one is adding custom CSS code to your Blogger blog. Below i given those methods to remove post footer on your Blogger blog.

Follow below steps to remove post footer from blogs in Blogger

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Edit HTML

Step 4 :  Search .post-footer {

Add below code after above line

display: none;

Step 5 : click on Save template.

Now go to your Blogger blog and check post footer in your Blogger.  If post footer not removed from your Blogger or if you can't find .post-footer { code in your template code then simply add below CSS code to your blog.

.post-footer {

 display: none;

}

Remove gadget shadow in blogger

How to remove gadget shadow in Blogger :

In some Blogger themes like "awesome Inc", We can see shadow around gadgets, blog posts, pager and footer on Blogger blogs. Blog will looks good after removing shadow from gadget,blog posts and Footer. It is easy to remove that shadow , without adding any CSS code. This post will help you to remove shadow from your Blogger widgets

Follow below steps to remove shadow from gadgets in Blogger blog:

Step1 : Go to Blogger Dashboard

Step2 : Click on Template

Step3 : Click on Edit html

Step4 : Search  .main-inner .widget {

Below above line you can see code like below

-moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

  -webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

  -goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

  box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

Set above code as comment like below

/*  -moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

  -webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

  -goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

  box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);   */

The shadow around gadgets can also be delete by deleting above 4 lines but it is better to set them as comment. By this method, any time we can get back shadow around gadgets by simply delete comment code i,e /* and */ from above code.

Step 5 :  Click on Save template.

Remove shadow around blog posts in Blogger

How to remove/hide shadow around blog posts in Blogger blog :

By default Blogger blogs have shadows around blog posts, widgets and many places in Blogger. Suppose if we add background image to Blogger blogs then you can see light shadow around blog blogs. Your blog appearance will improve after deleting shadow around blog posts. If you want to remove shadow around posts , no problem you can remove easily. In this post i'm showing you basic method to remove shadow around blog posts in your Blogger blog.

Follow below steps to remove/hide shadow around blog posts in Blogger blog

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Edit HTML

Step 4 : Search  .date-outer {

below the above line you can see

-moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);  

-webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

  -goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

Then set above 4 lines code  as comment like below

/*

  -moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

  -webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

  -goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);  */

Note : don't confuse with  code, i just setting as comment, when ever you want to get back shadow around post simply, simply delete  /* and */ in the above code.

Step 5 : Click on Save template.

If you confused with above method then simply replace all .2 with 0 in the above code with out doing any other changes . Now go to your Blogger blog and check shadow around blog posts in your Blogger blog. Surely shadow will be removed from your blog posts with this method.

Hide widget on specific pages in blogger blog

Hiding Blogger widget on a specific page :

By default all widgets installed on your Blogger will appear on every page of your Blogger blog. I.e when you click on Contact Us page of your Blogger blog, your blog sidebar widgets also appear. You can hide widgets from specific pages your Blogger blog. If you don't want to display particular widget/gadget on specific page in your blog , then just hide widget from that page.

How to hide widget/gadget on specific pages in Blogger blog : 

It simple to hide a widget on specific page or posts of your Blogger. With conditional tags we can hide/show widget/gadget on specific page in Blogger blogs. You can easily follow this method. Below I'm showing how to hide translate widget on a specific page of your Blogger blog. You can use this method to hide any widget on your Blogger.

Follow below steps to hide widget on specific pages in your Blogger blog

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Edit HTML

Step 4 : Search gadget code , suppose if you want to hide translate widget

then 

search below code 

<b:widget id='Translate1' locked='false' title='Translate' type='Translate'>

<b:includable id='main'>

add below code just after  <b:includable id='main'>  line,

<b:if cond='data:blog.url = = "your page url"'>
<style>
#Text2{
display: none;
}
</style>
</b:if>

Note : Don't forget to replace your page url with your page url address

Step 5 : Click on Save template.

Like this you can hide any widget on specific page of your Blogger blog.

Add Scroll to Top Button to Blogger Blog

Scroll to Top Button to Blogger:

Scroll to top button will brings the visitor to top of page on blogs. Adding scroll to top button is the quick way to move your blog visitor to the top of the blog page. We can also add scroll to top button to Blogger blogs. Generally we place this scroll to top button on bottom of Blogger blogs.

 

How to add Scroll to Top Button to your Blogger Blog : 

You can add scroll to top button to your Blogger blog using scrolltotop website. Different styles of scroll to top buttons available on scrolltotop site. There are many resources are there to add scroll to top buttons. Here I'm explaining about adding scroll to top button to your Blogger blog by using scrolltotop website.

Follow below  steps to add scroll to top button to Blogger blogs.

Step 1 : Go to scrolltotop site

Step 2 : Copy any scroll to top button code

Step 3 : Go to Blogger Dashboard

Step 4 : Click on Layout and add click on Add a gadget on footer

Step 5 : Add HTML/JavaScript gadget and paste scroll to top button code and then click on Save.

Go to your blog and see scroll to top button on your Blogger blog footer. Click on that button, and if it scroll back to the top of your blog page, you successfully added scroll back to top button to your Blogger blog.

Center blog title and description in blogger dynamic view

How to center blog title and description in Blogger dynamic view :

Like on normal Blogger templates we can't change position of blog title and description in dynamic views. In Blogger dynamic we can't see header customizable CSS code in Blogger dynamic view template. So it is difficult to customize header in Blogger dynamic views. To change alignment we have to add CSS code to dynamic view blogs.

Follow below steps to  center blog title and description in Blogger dynamic views:

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Customise

Step 4 : Click on Advanced tab and click on add CSS

add below code

#header{

 text-align: center !important;

}

Step 5 : Click on Apply to blog.

Refresh your blog once and see the blog title and description position in your Blogger blog.

Add same blogger widget twice on blogger

How to add same Blogger widget twice on Blogger blog:

You can add any Blogger widget twice on your Blogger blog. If you try to add already added gadget one more time on your Blogger blog, then you can see message like already added after clicking on add a gadget. Suppose if you already added follow by email gadget on your Blogger and once again want to add same follow by email gadget on your blog then it shows already added on add a gadget window. Using default method we can't add already added gadgets like pages, follow by email and translate. But we can add same gadget twice on Blogger with simple trick. But if you want to add twice, don't add a gadget without following this method

Follow below steps to add a same widget twice on your blogger blog

Step 1 : Go to Blogger Dashboard.

Step 2 : Click on Layout and click on Add a gadget

Step 3 : Righ click on + sybmol corresponding to a gadget and click on copy link location after                  copying paste that link on address bar and press enter

Step 4 : Now configuration window will open then click on Save

Step 5 : Again paste link on address bar and click on enter and then click on save.(like in step 3&4)

Like this you can Add gadget twice on your Blogger blog easily.

Reduce space between blog posts and blog pager in blogger

How to reduce space between blog posts and blog pager in Blogger:

We can see the empty space above blog pager on Blogger blog. We can increase or decrease space between blog page and blog pager in blogger. I think it is better to reduce the unwanted white space on Blogger.

Follow below steps to reduce space between posts and blog pager in Blogger blog

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Edit HTML

Step 4 : Search below code

#blog-pager {

add below code after above code or before closing tag of blog pager css code

margin-top: -10px !important;

Step 5 : Click on Save template.


It is better to place blog pager navigation links, near post content or comments. That's why we have to reduce unwanted space between posts and page navigation links.

Customize blog pager in blogger

How to customize blog pager in Blogger :

You can see the blog pager under blog page (below last post in a page) on your Blogger blog. Newer post, Home and Old post links will appear on blog pager. We can increase the size of blog pager and page navigation links font, also change background color and border of pager.

Follow below steps to customize blog pager in your Blogger blog

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Edit HTML

Step 4 : Search  #blog-pager {

Increase blog pager size:

padding: 20px;

Increase value in padding attribute to increase blog pager size.

Increase blog pager navigation links :

font-size: 150%;

Increase value in font-size attribute to increase blog pager navigation links font size.

Like this you can also change blog pager background color and border

Step 5 : Click on Save template.

Change post a comment text on blogger blog

How to change "post a comment" text on Blogger blogs :

"Post a comment" text will appear above comment box or comment form on Blogger blog. We can customize that message as we require. We can change that post a comment text and also add/replace an image in that post a comment text place on Blogger blog. It's really good idea to customize a post a comment text on your Blogger blog. If we change post a comment message with an polite message then we can attract our blog visitors. So by changing the default post a comment text we can get more comments. In this post I'm explaining about how to change post a comment text on Blogger blogs.

Follow below steps to change "post a comment text" on your Blogger blog

step 1 : Go to Blogger dashboard

step 2 : Click on template

step 3 : Click on edit HTML

step 4 : Search below line

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

Now replace <data:postCommentMsg/> in above line with "plz leave a comment dude"

step 5 :click on save template.

You can change your default post a comment message by replacing <data:postCommentMsg/> with your custom message. Visit your Blogger blog once after changing your default post a comment text and see your custom message in that default post a comment text place. Like this we can also change post a comment message with custom image on Blogger blog. We can also change posts a comment text front size on Blogger blog by replacing  h4 with h3,h2 or h1 in the code on step4 .

How to replace post a comment message on your Blogger with image :

Replace <data:postCommentMsg/>  with <image src=" your custom posts a comment text image url"/>  in the step 4 to change post a comment with an custom image.
Note :  replace  your custom posts a comment text image url with your custom image url in the above line.


We can change position , font color of your post a comment text in Blogger blog using html tags. It is easy to customize post a comment text message on your Blogger blog.

 How to center post a comment text :
Replace  <data:postCommentMsg/> with below line and save template
<center><data:postCommentMsg/></center>
 Now post a comment text will move to the center of the page.

How to scroll post a comment text : 
Replace  <data:postCommentMsg/> with below line and save template
<marquee><data:postCommentMsg/></marquee>

How to change post a comment text color :
 Replace <data:postCommentMsg/> tag with below code and click on save template.
<font color="green"><data:postCommentMsg/></font>
Now post a comment text color will changed in to green on your Blogger blog.

Like this we can change default style of the posts a comment text message on Blogger blog.

Rename newer post, home and older post links in blogger

How to change newer post, home and older post links in blogger :

We can customize blogger pager links as we require.We can change names of blog pager links on blogger.Default pager links name like newer post, home and older post.These links will appear below posts on blog.

Follow below steps to change newer blogger pager links text

step 1 : go to blogger dashboard

step 2 : click on template

step 3 : click on edit HTML

step 4 : do as below to change pager links ad next first and previous

To change newer post link name :

search  <data:newerPageTitle/>

rename <data:newerPageTitle/> as Next

To change home link name :

 search <data:homeMsg/>

rename <data:homeMsg/> as First 

To change older post link name :

search <data:olderPageTitle/>

rename <data:olderPageTitle/> as Previous

step 5 : click on save template.

Now you can see pager links as Next , First and Previous on your blogger blog.

Change font size of blogger posts

 Post Font size : 

Even if your blog having quality content , If the post text is not easily readable , there is no use with that content. If the content not easily readable , your blog visitor can't spend more time on your blog to your posts. So increase your blog post font size until the post text is readable easily and also set good font style. In this post i'm giving the information to change the font size of your blogger posts.

How to increase posts font size in blogger blog :

It is easy to increasing font size of your blogger posts. By default the font size of blogger blog posts is small. Blogger template contains specific script code for the post customization , with that we can easily change the font size of posts in blogger. For easily readable it is better to use the font size between 16 to 18  for blog posts.

Follow below steps to change blogger posts font size 

step 1 : go to blogger dashboard

step 2 : click on template

step 3 : click on edit HTML

step 4 : search      .post-body {  

add below code before closing tag of above line

font-size: 16px;

step 5 : click on save template.

Now your blog post text size is 16. Like this you can easily change the font size of your blogger blog posts. Another method is also there to change blogger blog post font size.

Change font size of your blog posts in blogger through template customization :

• Click on template 
• Click on customise. 
• Click on advance and change page font size.

With this method we can set font size as 14, 16 or 20px like that as given. But we can't set font size as 18 with this process.We can't set the specific font size with this method. To set specific font size to your blogger post, we have to used the first method. So if we want font size 18 then we have to add font-size: 18px;  on template code like in step 4.