Why the Blogger Home page shows up only one post?

This is a common problem in blogger. If we have more number of articles/posts on the blog then we usually choose the number of posts that we want to show on the home page (Go to: Dashboard -> Layout -> click "Edit" link of Blog Posts -> Select "number of posts on mail page" under the main page options).

How to Remove - Navigational bar from Blogger?

For all the blogs on blogger we see a navigational bar being displayed at the top of the blog with the options "More" and "Next".

"More" is used for sharing options.
"Next" is used to view other blogs on blogger.

Most of the times, we don't want the links on the blog that takes the visitors to some other blogs.
In such cases we can have the navigational bar removed from our blog.

Let us see the process of removing the navigational bar from blogger.

How to Disable - Right click on Blogger?

Most of the websites disable Right click on their websites in order to prevent content theft.
The same can also be implemented on blogger to avoid copying the content from the blog.

Let us see the process to disable Right click on blogger.

How to Add - Music/Audio to Blogger?

Adding music to blogger makes the blog wonderful as the blog provides music player with a playlist.
The blog visitors can listen to music when they are reading through the blog content. This makes the blog interesting and user friendly.

Let us see the process of adding music/audio to blogger.

How to Add - Background music to Blogger?

To get the background music embedded into your blog or website, just use the below code and add the code to the blog as a gadget just by replacing "MUSIC LINK HERE" with the audio of your choice or your favorite Youtube video.

Let us see the process of adding background music to blogger.

How to Identify - Keywords for a new blog?

We can use the "Google Keyword tool" to identify the monthly searches for a keyword.

By using this tool we can identify the keywords that has maximum number of searches and less competition on the web. This would increase the chances of your website or blog being listed on google search engine when such keywords are searched.

Go to Google Keyword tool.

How to Add - Social media icons to Blogger?

The website we use in the below steps will generate the HTML code for the selected social media icons.
We can use the generated code and can add it to the blog as a widget.
We can use the same code for - Website, Blogger and ... .and more.

How to Add/Change - Background Image to Blogger?

Blog will be very attractive if we have a nice wonderful background images.
This makes the blog look beautiful and also explain something about the blog if we have a relevant background image.

Let us see the process of adding a relevant background image to blogger.

How to Add - Cool Signature to Blogger?

Blogger posts looks much beautiful if we have a cool signature at the end of the post content. We have a process to add such cool signature to the blog such that it gets appended to all the blogger posts.

The process of adding the signature involves the below steps.
1. Create signature using any photo editing software.
2. Then load the image on to the web and get the URL path/address.
3. Create a HTML code that can be added to the blog template which makes the signature added to all the blog posts.

Lets us see the process of adding signature to blogger in details

How to Change - Mouse Cursor on Blogger?

We can change the cursor display to some customized cursor on blogger. This makes the routine cursor image changed to some customized cursor image when the visitor places the cursor on blogger to which the routine cursor image is changed to some beautiful cursor image.

Let us see the process of changing the routine cursor image to some beautiful cursor image on blogger.

How to Add - Contact form to Blogger?

Contact form is very important for a blog which would help us get connected with the blog visitors. The blog visitors can send mails to blog owner at anytime using the contact form. The contact form is designed to send emails to the blog owner from the blogger.

In order to get the contact form added to blogger, we need to have the HTML code which we can get it generated from one of the contact form HTML code generating websites: www.foxyform.com

Let us see the process of adding Contact Form to blogger.

How to Add - Google map to Blogger?

We can see the google map added to most of the websites we see on the internet under the "Contact Us" page to pin point the location or the address that they specify. We usually have this added to a website if we want to specify address for the visitors. In the same way, we can also add a Google map to blogger.

Let us see the process of adding a Google map to blogger.

How to Add - Tables to Blogger?

In some instances we need to have data within a table. In such cases we need to add a table to the blog post.
Let us see the process of adding a simple table using HTML code. I have a simple HTML code mentioned below for creating a table.

How to Add - Videos to Blogger?

We can add videos to blogger in two ways.
1. Inset video option - used to upload video that we have on our local machine (or Personal computer)
2. Embed HTML code of the video i.e already hosted on internet.

Let us see the process of adding videos in both the above mentioned ways.

How to Add - Images to Blogger?

We can add Images to blogger in three ways.
1. Copy paste the image onto a blog post
2. Inset image option - used to upload image that we have on our local machine (or Personal computer)
3. Embed HTML code for the image with image URL from any of the image hosting websites on internet.

Let us see the process of adding videos in both the above mentioned ways.

How to Add - Read more link to blog post?

Blogger provides a default "Read more" functionality. This allow us to display a part of blog post content on home page and the complete post content will be displayed when the we click "Read more" link.

To get the Read more link displayed for a blog post we need to insert jump break option. Using jump break will add "Read more" functionality only for the post in which its inserted. And all other blog posts will not get this "Read more" functionality. So we need to insert jump breaks for all the posts individually if we need "Read more" link for all the posts on the blog.

Let us see the process of adding a "Read more" link to blog post.

Top 10 Web designing softwares availalbe.

The top 10 web designing softwares are listed below.

1. CoffeeCup visual site Designer
2. Serif WebPlus
3. Web Easy Professional
4. NetObjects Fusion
5. Evrsoft First Page
6. HTML-Kit Tools
7. AceHTML 6 Pro
8. UltraEdit
9. TopStyle
10. BestAddress HTML Editor

How do we make the header image fit Image header area?

Header image will not always fit the header image area if we don't have the image size that suits the blogger header image area. In order to make the header image fit the header image area, we need to resize the image that suits the blogger template.

But sometimes, even the resize image upload will not work as well. So, its better to tweak the template HTML code inorder to solve this.

Let us see what are all the changes we need to make on template HTML code.

How to Add - Translate widget to Blogger?

We know that a blog can be viewed by anyone across the globe. So it would be better to have a widget that could translate the blog content to any other languages. So adding a translate widget make the blog user friendly.

Let us see the process of adding a Translate widget to blogger.

How to Remove - Footer area from Blogger?

If we are using the blogger templates, then the blog comes with a default footer text. The footer text will contain few links that are not related to our blog. So we do not need such text/links on blogger. We can remove the footer area from blogger as shown below.

1. Go to : Dashboard -> Layout -> Template Designer -> Advanced -> Add CSS

2. Paste the below CSS code.

How to Add - Fixed sticky slide/scroll bar with social media icons?

When we scroll down the post, the visitor will not find the social media icons displayed on the screen.
Because of this, we may loose some people who are willing to share but some how miss out as the social media share icons are not visible when they are scrolling down the blog.

To solve this issue, we can have a simple jQuery code added to blog template HTML code.

How to Add - Images to bullet points?

When we are writing a post on a blog or website, we often come across a list of items we usually keep them as a list with bullet points.

The bullets points will be displayed as "dot" by default. But it would look great if we can add the images in place of "dot" for the list of items we mentioned on blogger posts.

Let us see the process of adding images to bullet points.

How to Use - Cutomized fonts on Blogger?

We can have our customized fonts on blogger to make the blog content look better and how we want the content to be displayed. The customized fonts would help us to select suitable font (i.e. not from the routine fonts).

1. Go to : Google web fonts http://www.google.com/fonts

2. Click Word - to display the fonts in words.

How to reinstall the removed Navigational bar

We can get back the removed Navigational bar on blogger as shown below.

1. Go to : Dashboard -> Template -. Edit HTML

2. Search for a the word "navbar" and we would find a code similar to the one below.

#navbar-iframe {display: none; xxxxxxxxxx; }

where xxxxxxxxxx = may be anything

3. Delete the above code from template HTML code.

4. Save the Template and View blog to see the changes.

Now the removed blogger navigational bar should be displayed.

If you like the post, take a couple of minutes to comment and share.
Your comments are most valuable and would help me come up with better posts.

How to Remove - Blogger Navigational bar?

The basic blog template will always display the blog navigation bar at the top of the blog.
The navigation bar will contain options to navigate to next or previous blog.
This navigation may give the vistors a chance of leaving the blog.

So deleting a Navigational bar makes the visitors to stay longer and view all the pages of the blog.
We need to edit the blog template HTML code.

How to Remove - Subscribe to Posts(Atom) from Blogger?

The basic blog template will always contain "Subscribe to: Posts(Atom)" feed links on the blog when its initially created using a template.This is no where relevant to the your blog. So we need to remove the code related to this from our blog template before publishing the blog.

Let us see the process of removing "Subscribe to Posts(Atom)" from blogger.