How to remove gray background from Blogger or Google+ images

Have you noticed, when you upload an image with white background in Blogger, it turns into gray background? Same behaviour can be found on Google+ as well. Google turns white background of a picture into gray after being uploaded. But good news is that it is really easy task to fix. This is the problem with Google Auto Enhance property. 

Steps to remove gray background from Blogger or Google+ images:

Step 1: Go to Google Plus setting page 

How to remove border and shadow from blogger image

If you add any picture in Blogger, by default Blogger sets shadow and border around the image. Here we will discus how to remove border and shadow from blogger image.

Steps to remove photo border in Blogger :

Step 1: Go to Blogger dashboard and navigate to Layout > Template Designer to open Blogger Template Designer window

Step 2: Click on Advanced > Add CSS and add below CSS script inside 'Add custom CSS' box
      .post-body img, .post-body .tr-caption-container {
      padding: 0 !important;
      background: none !important;  border: none !important;
      -webkit-box-shadow: 0px 0px 0px transparent !important;
      -moz-box-shadow: 0px 0px 0px transparent !important;
      box-shadow: 0px 0px 0px transparent !important;   }

How to backup blogger template

Backup of blogger template is very much important step when you add/modify blogger template script. If any functionality break happens after modification or want to go back to older template, you can easily restore your previous version from backup copy. It is really easy to take backup of blogger template.

Follow below steps to take a backup:

Step 1: Login into blogger account and click on your blog to go to blogger dashboard
Step 2: Click on Template > 'Edit HTML' button, it should look like below

Step 3: Place the cursor inside the code window, right click and choose 'Select all' option. Then again right click and copy the whole code. You don’t need to expand the template because copy option will copy the whole template.
Step 4: Open Notepad++ or any other text editor to paste the code. Save and keep it as backup copy.

How to add banners, adsense or search box to blogger header

If you want to monetize your blog or website, then you have to create some ad-spaces on your blog to display advertisements. If you are using free blogging platforms like blogger, then you have options to add banners, adsense or search box on sidebars and footers of your blog, not the blogger header. To display ads on sidebars and footers, you just need to add html/javascript type gadget and embed the html code of advertisement. By default blogger templates do not provide any place holder on the top or beside blogger header to display banners, adsense ads or search box. But this is the best place to display your advertisements to get maximum visibility from your blog readers among all place holders. 
Here you will see how to create a place holder in blogger header so that you can add banners, adsense or search box. You can create place holders by two ways, either use custom template which already has such placeholder or customize blogger template to create place beside/above header.
There are many websites like btemplates.com, hongkiat.com where you can get free custom templates. But same thing you can achieve in your existing template also, just by adding few line codes. It will take hardly 20-30 mins to complete. So lets see how to add banners, adsense or search box to blogger header. 

Step 1: Login into blogger account and click on your blog to go to blogger dashboard

Step 2: Go to Template and click on ‘Edit HTML’ button to add few lines code into blogger template

How to remove Showing posts with label in Blogger

Label is very much important in blogging, it helps bloggers to categorize articles into groups. If you have used label to categorize contents, then you may have seen the message ‘Showing posts with label’ also, just below the label bar.

This is pretty useless message and annoying also, neither blog writers want it nor blog readers. In this post, we will discuss how to remove Showing posts with label message in Blogger.

Steps to remove Showing posts with label message:
Step 1:
Go to Dashboard > Template and click on ‘Edit Template’ button. You will see the html-css code which is responsible to render your blog layout. Before doing any code change, always take the backup of blogger template. If anything goes wrong after code change, you can revert it easily.

Step 2: 
Click anywhere inside the code and search (ctrl+f) for the string ‘<b:includable id='status-message'>’. This id section is responsible to show the message.

How to add a gadget or widget inside blogger header or above post (body)

If you are using default blogger template for your blog, then you can not add any gadget/widget inside header section or just above blog posts (body) section. Only few blogger templates allow you to add one more widget except blog header under Header section. Typically blogger default template looks like below

Default blogger template allows us to add widget only in sidebar and footer. Here we will discuss how to add 'Add a Gadget' option beside header or above blog post section.

To create 'Add a Gadget' option inside header section, follow below steps:
Step 1: Go to blogger dashboard and then click on Template > Edit HTML option

Step 2: Before doing any changes in blogger html, take a backup of blogger template. If anything goes wrong during script change, we can always restore our blogger template from backup copy.

Step 3: Click anywhere inside the code and search (ctrl+f) for the string '<b:section class='header' id='header' maxwidgets='

Create Horizontal or Vertical Navigation Menu Bar to categorize posts in Blogger

For any website or blog, it is very much important to categorize articles properly. It increases the readability of your website or blog and decreases the bounce rate which helps to improve website overall rating. If you are using blogger to manage your posts, then it is really easy to categorize contents using 'Label' tag. Here first we will see how to categorize posts in Blogger and then create Horizontal or Vertical Navigation Menu Bar.

How to add label with articles in Blogger?
To add label with articles, you can follow either one of below two options.
First option:
- Go to your blogger dashboard and open the article to add label
- At top right hand side corner, you will see post settings option. Now click on the 'Labels' tag and write the tag name. You could add more than one label with an article, separated by comma. Once you have added all desired tags, click on Save button.

How to remove blog post count from Labels in Blogger

Few days back, one of our readers dropped us a mail asking how to remove post count from label in blogger. Though we have already given him the solution, thought to share with our other readers as well. 
Blogger’s Label widget is very good alternative of sitemap, you could categorize and display all your posts using Label. To display all labels, you just need to add Label widget in blogger. But by default Blogger displays post count with label name. Look at the below screenshot, SIEBEL is a label name and it has 20 posts, same way for discussion forum, 17 posts. 

Many blog writers do not want to display post count with labels. Here we will see how to remove blog post count from Labels in Blogger. It is a real quick task, neither you have to modify template nor any script. Follow below steps to remove post count from Labels.