Enable Mobile Blogger Template for Blogger Blogs

Blogger mobile template :

Today, blogs are receiving more traffic from smartphones as well. However, when people visit your blog on their smartphones, it may automatically display the desktop version of your blog. Desktop version blog templates take more time to load on smartphones because of their size. To get quality traffic from smartphones, you need to make your blog mobile-friendly. To make your Blogger blog mobile-friendly, you first need to enable mobile Blogger templates on your blog.

In this post, we will discuss how to enable mobile templates on your Blogger blog.

How to enable Mobile Template for Blogger Blog :

Enabling mobile templates on your Blogger blog is a simple process. Blogger provides mobile templates that you can easily activate by clicking on the "Template" tab and then selecting the gear button located under the "Mobile" section. From there, choose the mobile-friendly template provided by Blogger.

Follow below steps to enable mobile template for Blogger blog

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on star button(*) under Mobile template box

Step 4 : Click on Yes, show the mobile template on mobile devices.

Step 5 : Click on Save button.

That's it! You have successfully enabled mobile templates on your Blogger blog. Now, open your blog on your smartphone and check its appearance to ensure it looks mobile-friendly.

How to Put Links in Blogger Comments

Blog commenting is an effective way to obtain backlinks to your blog from other blogs. To get backlinks through blog commenting, you need to include links in your comments on other blogs. In this post, we'll show you how to add your blog URL links to Blogger comments.

How to Leave a Link in Blogger Comments:

When leaving comments on blogs, some comment forms may include a website/blog field where you can enter your blog URL, while others may not. If the URL option is available, it's easy to include a link to your blog in your comment. However, if there is no URL option available, you will need to manually add your blog URL to the comment. One way to do this is to include text links in your comment using the anchor tag.

Follow below steps to to put/leave links in Blogger comments

Step 1 : Visit the Blogger blog post where you want to leave a comment.

Step 2 : Click on Comment

Step 3 : Click on the drop-down arrow in the comment box and select Name/URL.

Step 4 : Post your comment and provide your name and URL, then click on continue..

Step 5 : Click on Publish

Go to the blog where you posted the comment and click on your name in the comment. This will take you to the page that you added in the blog comment.

If the comment form on the Blogger blog you are commenting on does not have a URL option, you will need to manually include your blog URL in the comment message.

How to put links in the comment message.

• Visit the Blogger blog post where you want to leave a comment.
• Click on comment
• Write your comment and use the following anchor tag:

          <a href="your blog url link"> some comment message</a>

• Click on Publish

Reduce Space Between Gadgets In Blogger Blog

How to Reduce Space Between Gadgets(Widgets) In Blogger Blog:

By default, there is a large amount of space between gadgets (widgets) in Blogger blogs. However, you can easily adjust the spacing between gadgets in your blog without adding any CSS code to your Blogger template. Instead, you can simply modify the margin values in your Blogger template to decrease the space. This post will guide you through the process of reducing the space between gadgets in your Blogger blog.

Follow Below Simple Steps to Reduce Space Between Gadgets(Widgets) In Blogger Blog

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Edit HTML (and tick expand widget templates box in old template)

Step 4 : Search Below Code

.main-inner .widget {
background-color: $(widget.background.color);
border: 1px solid $(widget.border.color);
padding: 0 $(widget.padding.side) 15px;
margin: 20px -16px;

Decrease values in margin attribute like below
margin: 10px -10px;

If you want to decrease the space even further, you can use smaller values in the margin attribute.

Step 5 : Click on Save Template.

How to Link Blogger Header to Another Site

Adding custom link to Blogger header : By default, your Blogger header is linked to your Blogger home page. Clicking on your Blogger blog header will redirect you to the home page of your blog. However, it's possible to change the redirection of your Blogger header to another URL. You can link your Blogger header to your site or any other webpage.

Linking your header to another site can increase your blog traffic by providing a backlink. Adding your blog link to someone else's blog or your own blog can significantly boost your blog traffic and page rank. In this post, I'll show you how to add a custom link to your Blogger header. After linking your header to another site, clicking on your Blogger header will redirect you to the website you added to your Blogger header.

How to Link Blogger Header to Another Site:

Adding a custom link to your Blogger header is a straightforward process. To get started, locate the Blogger header redirection code in your blog template code. Once you've found the code, replace the homepage URL with your custom link. You don't need to add any additional code to your Blogger. That's all there is to it!

Follow below steps to add a custom link to your Blogger header:

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Edit HTML

Step 4 : Search for below code
<a expr:href='data:blog.homepageUrl'><data:title/></a>

and change 'data:blog.homepageUrl'  with  'another site url'

Step 5 : Click on Save template.

After adding the custom link to your Blogger header, test it out by clicking on the header. If everything is set up correctly, it should automatically redirect to the custom URL you added in step 4. This is a simple way to improve the navigation of your blog and provide a direct link to a specific page or website.

Creating a Image/Picture Link in Blogger Posts

Adding link to Blogger images : Adding images to your Blogger blog is important to get more traffic to your blog. After adding images to your blog, optimizing those images also important for better results. Optimize images by adding proper anchor text and link to images.

Generally links are two types, text links and image links. We already discussed about adding text link to your Blogger. Now we are going to discuss about creating image links in your Blogger blog posts. After creating an image link, when you click on image it will go to another page.

How to Create a Image/Picture Link in Blogger Posts :

It is easy to create a image link in Blogger pots. We can create text links and image links in Blogger posts using Link button on your Blogger post editor tools bar and also using with anchor tag. Below I'm showing how to add link to an image with <a> (anchor) tag.

Follow below steps to add a link to an image/picture in Blogger Posts

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Posts

Step 3 : Click on HTML on posts editor

Step 4 : Add below line on your post editor box

<a href="http://www.yourblogname.com"><img src="yourimageurl" width="250" height="250"></a>

NOTE : Replace yourblogname with your blog name and yourimageurl with your image URL.

Step 5 : Click on Publish/Update.

Now check whether image link working or not. Just click on image then it will go to http://www.yourblogname.com home page.

Add PowerPoint Presentation to Blogger Blog

Adding power point presentation to Blogger : Generally people can add content like text, images and videos to their blogs. It's easy to add these type of content to Blogger blogs. Suppose if you want to add PPT to your Blogger blog, then it's hard to add ppt files to your blog. Because Blogger doesn't support PDF and power point files, so you can't add directly those files to Blogger blog through post editor.

Even we can't directly upload PPT files to Blogger, but there is solution is there to add PPT files to Blogger blog. In this post I'm showing how to add powerpoint presentation to your Blogger blog.

How to Add PowerPoint Presentation to Blogger Blog :

With the help of some third party websites, we can add power point presentation to Blogger blog. With Slideshare you can easily add PPT to Blogger blog. Not only with Slideshare you can also use Scribd site to add power point presentations and pdf files to your Blogger. In this posts I'm explaining how to add ppt's to Blogger blogs with Slideshare and Scribd.

Follow below simple steps to add PPT to your Blogger blog

Step 1 : Go to Slideshare webiste and create an account

Step 2 : Upload your power point  presentation (ppt)

Step 3 : Open your slide show and then click on EMBED, then it will open text box and copy code in that box .

Step 4 : Now go to Blogger Dashboard

Step 5 : Click on new post and click on HTML to switch in to HTML mode and then paste code in post editor box and finally click on Publish.

Like this we can also add PDF files to Blogger blogs with Slideshare. Scribd is also one the best file sharing site. In Scribd we can upload any type of files.

How to add PPT to Blogger blog with Scribd :

Step 1: Go to Scribd website and create an account and then sign in to your account.

Step 2: Click on upload button and Click on choose. Browse file on your pc and click on upload to save file in Scribd

Step 3: Click on Save changes. Now to share your content page, copy that embed code

Step 4: Go to your blogger Dashboard

Step 5: Click on new post and click on HTML to turn in to HTML mode and then paste code in post editor box and next click on Publish button.

Like this you can add PowerPoint Presentation to your Blogger blog.

How to Find Your Blogger ID

Blogger blog ID : Each blog that you create with Blogger has its own unique ID number. Sometimes, to make changes to your Blogger blog, the blog ID may be required. For instance, if you want to install third-party services on your Blogger blog, you will need to provide your blog ID.

Just like the blog ID, every post published on your Blogger blog has its own unique ID. Now, I will explain how to find the Blogger blog ID. Later, we will discuss finding the post ID of your Blogger blog.

Follow below simple steps to find out your Blogger ID :

There are many ways to find out your Blogger blog ID. Here, I will show you one of the simplest methods to know your blog ID.

Step 1 : Go to Blogger Dashboard

Step 2 : Click on blog title to which you want to find blog ID

Step 3 : Check your address bar for your blog id

Step 4 : Now you can see your Blogger blog ID after blogID=  in address bar.

Step 5 : Copy that blog id number for future use.

Put PDF file in Blogger Blog

Attaching PDF file to Blogger: Generally, it is difficult to publish PDF files on a Blogger blog. Blogger only accepts PDF file links; you cannot directly upload PDF files to your blog. In this post, I will explain how to attach PDF files to your Blogger blog. The process is the same as adding PowerPoint presentation files to your Blogger blog.

How to Embed PDF Files in Blogger Blog :

You cannot directly upload a PDF file to your Blogger blog. To attach a PDF file to your Blogger blog, you must first upload your PDF file to a PDF hosting website and obtain the embed code for your PDF file. Then, you can add that embed code to your Blogger blog. This is the only way to attach or embed PDF files in a Blogger blog.

Follow the below simple steps to attach/embed PDF files in Blogger blog :

Step 1 : Upload your pdf files in Google groups, scribd or ziddu

Step 2 : Suppose if you choose scribd, create an account in Scribd and upload pdf files

Step 3 : Click Embed on right side bar and copy HTML code

Step 4 : Go to Blogger Dashboard

Step 5 : Click new post and click on HTML and then paste HTML code in that and finally click on Publish.

Add Video Bar Widget to Blogger

How to add Video Bar widget to Blogger :

You can use the Video Bar gadget to add YouTube videos to your Blogger blog. Based on keywords, YouTube videos will be displayed on your blog. You can also select a specific channel or multiple channels with this gadget.

Follow below steps to add Video Bar widget to your Blogger

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Layout

Step 3 : Click on Add a Gadget

Step 4 : Add video bar gadget, now it will open Configure Video Bar window

Title          :  Give title for video bar
YouTube  : Select any one option from, Most Viewed Videos, Top Rated Videos and Recently Featured Videos
Channel    :  Give any channel name if you want
Keywords :  Give name, if you give car, then it will show all videos related to cars.

Step 5 : Click on Save

Centering Image Gadget Images on Blogger

How to Center Image Gadget Images on Blogger :

We can add images to blogger blog with image gadget, and we can also change the position of those images on blog. This post will help you to center images on your blog which are added by image gadget/widget.

Follow below steps to center image gadget images on Blogger :

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Customise and click on Advanced tab

Step 4 : Click on Add CSS and paste below code on right side box

.Image img{

display: block;

margin-left: auto;

margin-right: auto;

}

Step 5 : Click on Apply to blog

Add Picture/Image Gadget to Blogger

To add images outside of your Blogger post section area, you need to use widgets. Blogger provides an image widget/gadget to add images to your Blogger blog. I have already shown you how to create an image slideshow on your Blogger using the Slideshow widget. Now, I'm going to show you how to add an image to your blog using the Blogger image widget.

How to add picture/image gadget to Blogger:

Adding images to your Blogger blog using the image gadget is simple. This gadget allows you to add an image from your computer or the web. While you can also use the HTML/JavaScript widget to add images, the image gadget simplifies the process of adding images from the web.

Follow below simple steps add picture/image gadget to your Blogger :

Step 1 : Go to Blogger dashboard

Step 2 : Click on Layout

Step 3 : Click on Add a Gadget

Step 4 : Add Image gadget to your Blogger. It will open configure image window.

• If you want image from your computer, select from your computer option and browse and select image from your computer.
• If you want image from the web, select from the web option and paste image location URL in below box.

Step 5 : After selecting a image from computer or web, finally click on Save.

Change Date Header Format in Blogger

How to Change Date Header Format in Blogger :

Different date header formats are available in Blogger, such as dd/mm/yy, mm/dd/yy, yy/dd/mm, or yy/mm/dd, and more. You can set any type of date header format to your Blogger blog from those formats.

Follow below steps to change date header format in Blogger blog :

Step 1 : Go to Blogger dashboard

Step 2 : Click on Settings

Step 3 : Click on Language and formatting

Step 4 : Under Formatting, select date header format from the list

Step 5 : Click on Save settings.

Change Blogger Time Zone

How to Change Blogger Time Zone :

After creating a blog on Blogger, it's important to set the correct time zone on your Blogger account. The time zone you set will affect the dates and times that appear on your blog posts. If you set the wrong time zone, scheduled posts may be published at the wrong time. Therefore, it's crucial to set the time zone correctly for dynamic websites.

Follow below simple steps to change time zone in Blogger

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Settings

Step 3 : Click on Language and formatting

Step 4 : Under Formatting  select time zone from the list  next to time zone

Step 5 : Click on Save settings.

Change Timestamp Format in Blogger

How to Change Timestamp Format in Blogger :

We can easily change the timestamp format in Blogger. It is important for those who use their own template for their Blogger blog. After uploading the template, it is important to configure the Blogger timestamp format correctly.

Follow the below steps to change timestamp format in Blogger

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Settings

Step 3 : Click on Language and formatting

Step 4 : Under Formatting select timestamp formatting from the list next to Timestamp Format

Step 5 : Click on Save settings.

Add Email Post Link to Blogger Posts

Email post link to Blogger : PROOFREAD: Blogger provides an email post link icon that can be added to your blog. By enabling the Email Post link on your blog posts in Blogger, an email box icon will appear at the bottom of all your blog posts. This will help your blog visitors share your posts with others through email. By sharing your blog posts with others, your blog traffic can automatically increase.

How to add Email Post Link to Blogger Posts:

You can configure the blog post page on Blogger as you like. On your Blogger layout, you can see the Blog post widget. Click on "Edit" to configure your blog posts as you like. The Email Post link will appear below the post page options.

You can enable or disable the Email Post link on your Blogger blog at any time. Now, I'm going to explain how to add the Email Post link to your Blogger blog posts. The process is the same to disable the Email Post link.

Follow below steps to add email post link to Blogger blog posts

Step 1 : Go to Blogger Dashboard

Step 2 : Click on layout

Step 3 : Click on edit corresponding to Blog Posts

Step 4 : Just tick on Show Email Post Links box on Configure Blog Posts window

Step 5 : Click on save

After following the steps mentioned above, you will see an email icon/link at the bottom of all your Blogger blog posts. This is one of the best methods to promote your blog. When someone clicks on the email post icon, it will open a new window and ask for the recipient's email address. You can add up to 10 email addresses, separated by commas. You also need to enter a message (which is mandatory) and a verification code before clicking on the send button. By allowing your blog visitors to share your blog posts via email, you can increase your blog traffic.

Add Quick Edit Pencil to Blogger Posts

Quick edit pencil button :
The Quick Edit pencil button is a useful feature that allows you to edit and update your blog posts quickly on your Blogger blog. By default, the Quick Edit button will appear below all of your blog posts on Blogger. If you want to edit your Blogger posts quickly, simply use the Quick Edit button located below each post. However, sometimes the Quick Edit pencil button may not appear on your blog post by default. If you need to add the Quick Edit pencil button to your Blogger blog, the following steps will show you how to do it.

How to add quick edit pencil button to Blogger posts :

The quick edit pencil button option can be found in the Post Page Options. To add or remove this button from your Blogger posts, go to your Blogger layout and click on the edit button of the Blog Post widget. From there, you can access all of your post page options, including the quick edit pencil button.

Follow below steps to add quick edit pencil button to Blogger blog posts

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Layout

Step 3 : Click on edit corresponding to Blog Posts

Step 4 :  Now select Show Quick Editing box on Configure Blog Posts window

Step 5 : Click on Save.

That's it! Open your Blogger blog and click on any blog post to see whether the quick edit pencil button appears or not.

Change Post Date Header Format in Blogger

Post date format on Blogger:
After creating a blog on Blogger, the platform displays a default date format on every published post. At the top of each post title in your Blogger blog, you can see the post date header indicating when the post was published. However, you can change the post date header format of your Blogger blog.

How to Change Post Date Header Format in Blogger :

It is easy to change the post date header format on your Blogger blog. First, go to your Blogger layout and click on the edit button of the Blog Posts widget. In the configuration window, you can see the "Date Header Format" option where you can select from different date formats and choose the one you want to set for your blog posts.

Follow below steps to change post date header format in Blogger

Step 1 : Go to Blogger dashboard

Step 2 : Click on Layout

Step 3 : Click on Edit corresponding to Posts widget on Blogger layout

Step 4 : Now Configure Blog Posts window will open. Under Post Page Options you can see date header format, from that select any format

Step 5 : Click on save.

Customize Slideshow Widget on Blogger

Slideshow Widget : The Slideshow widget is a useful tool for displaying image slideshows on your Blogger blog. If you want to create image galleries on your blog, it's recommended to use the Blogger Slideshow widget. This widget makes it easy to create and customize image slideshows on your blog.

How to customize Slideshow widget on Blogger blog:

There is no need to upload images directly to Blogger to create a slideshow with the Blogger Slideshow widget. Instead, you can upload images to image hosting websites such as Picasaweb, Flickr, and Photobucket, and then use those images to create a slideshow on your Blogger blog.

Before creating an image slideshow with the Slideshow widget on Blogger, you should first upload images to an image hosting website and then add the Blogger Slideshow widget to your blog. Here, I will show you how to add and configure the Blogger Slideshow widget on your blog.

Follow below steps to add and customize Slideshow widget on your Blogger blog

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Layout

Step 3 : Click on Add a Gadget

Step 4 : Add slideshow Gadget by click on + button next to Slideshow widget.

Title          :  Give title for your slide show
Source      :  Select any source, either  Picasaweb , Flickr and Photobucket.
Option      :  Select keyword
Keyword  :  Enter keyword related to image you want, Based on that keyword images will appear.
Speed       :  Select speed as normal , medium , fast.
Options    :  Choose either open in new window or randomize images.

Step 5 : Finally click on save.

If you want to set particular images, choose the "Album" option instead of "Keyword" in step 4.

Add HTML/JavaScript Gadget to Blogger

HTML/JavaScript widget : Blogger provides a variety of useful widgets to optimize Blogger blogs. One particularly useful widget is the HTML/JavaScript widget. Without this widget, we cannot add any script code to a Blogger blog. With the help of the HTML/JavaScript gadget/widget on Blogger, we can add any HTML or JavaScript code to a Blogger blog. We use the HTML/JavaScript gadget to add any third-party code to our Blogger. With this gadget, we can add any HTML, CSS, and JavaScript code to our Blogger blogs.

How to add HTML/JavaScript widget/gadget to Blogger

Adding an HTML/JavaScript widget to your Blogger blog is a straightforward process. The steps are the same for adding any widget to your Blogger blog. First, click on "Layout" in your Blogger dashboard, then click on "Add a Gadget." You will see a list of all available Blogger widgets. You can add a widget to any widget area, such as the sidebar or footer. You can also move a widget to another widget area after creating it.

Follow below steps to add HTML/JavaScript widget/gadget to Blogger

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Layout

Step 3 : Click on Add a Gadget

Step 4 : Click on + button corresponding to HTML/JavaScript gadget

Step 5 : Paste HTML/JavaScript code in that opened text box and click on Save.

This gadget is useful for adding affiliate codes, publisher codes, or any third-party codes to your Blogger blog. To add any third-party code, simply copy the code and paste it into the HTML/JavaScript widget configuration box, and click on "Save".

Add Read More With Insert Jump Break in Blogger

Read more link :

The "Read more" option is used to create an expandable post summary in your Blogger blog. Blogger provides an "Insert jump break" option to add a read more link to your blog posts. There are many ways to add stylish read more links to Blogger blogs, but using the "Insert jump break" option on your blog is one of the best and easiest ways.

In this post, we will discuss adding a read more link to your Blogger blog posts using the "Insert jump break" option, and later we will discuss using other methods to add customizable read more links to your Blogger blog.

How to add read more link to your blog posts with Insert Jump Break in Blogger :

We can easily add a read more link using the "Insert jump break" option in Blogger. When posting an article, you can find the "Insert jump break" option on your Blogger post editor. Place the cursor where you want to insert the read more link and then click on the "Insert jump break" option. You can insert a read more link in both new and old posts.

Follow below steps to add "Read more" button using Insert Jump Break to Blogger posts.

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Posts and then click on edit post.

Step 3 : Place the cursor where you want to add Read more in article on post editor box

Step 4 : Click on Insert Jump Break

Step 5 : Click on Update button to update your post.

That's it! You have successfully added a read more link to your blog post. Now, open your blog and check if it works. This is how you can add read more links to your Blogger blog posts using the Insert jump break feature. We can also customize the read more link as required after adding it. We can change the text of the read more link and we can also change the text color and background color. In the next section, I will show you how to customize the read more link on your Blogger blog.

Add Custom CSS to Your Template in Blogger

Adding CSS code to Blogger :

Sometimes, you may want to customize your Blogger blog by adding custom CSS code. However, if you don't have knowledge about CSS and HTML, it can be difficult to find the right way to add CSS code to your blog. But don't worry, in this post, I will show you two ways to add custom CSS code to your Blogger blog: using Blogger Template Designer and using Edit HTML option.

Using Edit HTML option is one of the best ways to add CSS code to your Blogger because it gives better results compared to other methods. However, adding CSS or JavaScript code to your Blogger using Edit HTML option requires knowledge about CSS and HTML.

On the other hand, using Blogger Template Designer is one of the easiest ways to add CSS code to your Blogger blog. You don't need any CSS and HTML knowledge to follow this method.

How to Add Custom CSS code to Your Blogger Template:

You can easily add custom CSS code to your Blogger blog using Template Designer. Just go to the template designer and click on "Add CSS" under "Advanced," and paste your custom CSS code into the "Add custom CSS" box. This is a very quick and easy method.

Note: Avoid adding unnecessary CSS code to your Blogger. If you add too much CSS code to your blog template, your blog will become slow. So, try to avoid adding unnecessary CSS code to your Blogger.

Follow below steps to add custom CSS code to your Blogger using template designer:

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Customise and then click on Advanced

Step 4 : Click on Add CSS tab

Step 5 : On right side you can see Add custom CSS box, add CSS code in that box.
            After adding CSS code click on Apply to Blog button

Like this, you can add any custom CSS code to your Blogger template. This method is good for making small changes on your Blogger. If you want to add more code, it is better to add CSS code directly to your Blogger template through the Edit HTML option.

How to add CSS code to your Blogger through Edit HTML :

Sometimes, you may not get the desired results through the Template Designer, so for better results, it is better to add CSS code directly to your Blogger template. This method is also easy, but to avoid errors, you must have basic knowledge of HTML and JavaScript.

 

Follow below steps to add custom CSS to your Blogger template through Edit HTML:

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Edit HTML

Step 4 : Now your Blogger template code will open,
             Next find the place where to add and then add code to your Blogger template.

Step 5 : Click on Save template to save changes.

This is the best way to add any CSS/JavaScript code to your Blogger template.

Add Search Box Widget to Blogger

Search box widget:
Blogger provides a search box widget to add a search box to your Blogger blog. This is one of the easiest ways to add a search box to your blog. The search box will help your readers to search for content on your blog. If your blog contains a lot of content, then adding a search box to your blog is a must.

How to add search box widget to Blogger blog.

It is simple to add a search box widget to your Blogger blog. The process is the same for adding any Blogger widget to your blog, but configuring the widget can be difficult. Here I will show you how to add and configure a search box widget to your Blogger blog.

Follow below steps to add search box widget to Blogger blog

Step 1 : Go to Blogger dashboard

Step 2 : Click on Layout

Step 3 : Click on Add a Gadget

Step 4 : Add search box Gadget

Configure Search Box:
Title :  Edit title as you like
Tabs :  Check the box only This blog , if you want get results only from your blog

Step 5 : Click on Save

Customize a Comment Form Message on Blogger

We can add a custom message to the comments form of our blog posts or pages in Blogger. The comment form message will appear just below the comments section of our blog posts. This feature is particularly useful for blogs that receive a high volume of comments on a daily basis. For instance, if you are unable to respond to comments immediately, you can add a custom message such as "Hi everybody, I'm currently busy and will respond to comments as soon as possible" or "Due to a large number of comments, it may take some time for me to respond".

By adding a custom comment form message to your Blogger, your blog visitors will be able to understand whether you are actively responding to comments or not.

How to Customize a Comment Form Message on Blogger:

It is simple to add a custom comment form message to your blog. You don't need to change your blog template code or add any script code to your blog. Blogger provides the Comment Form Message feature to add a comment form message from your Blogger Dashboard. You can find this option in your Blogger Settings.

Follow below steps to customize a comment form message on your Blogger

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Settings

Step 3 : Click on Posts and comments under Settings

Step 4 : Under Comments you can see Comment Form Message

Step 5 : Click on Add corresponding to Comment Form Message, and then enter message.

With the comment form message feature in a Blogger blog, you can add any custom message to your blog. You can also customize this message using HTML tags.

Customize your Blogger Layout

Blogger Layout :

Generally blogs can have single column, two column or three column layouts. If you want to add more widgets to your Blogger blog, you need to select  two column or three column layouts. Blogger providing the Layout option to change layout of your Blogger blog at any time.

How to customize your Blogger Layout:

In Blogger, it is easy to change your blog layout. Just go to the Blogger template designer and choose the layout for your Blogger. By default, Blogger provides one, two, and three-column layouts.

Follow the below simple steps to customize your Blogger blog Layout

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template and then click on Customise

Step 3 : Click on Layout

Step 4 : On body layout you can select either single,two or three column layout by click on any one of layout under Body layout .

Like that you can also change footer layout by click on any one of the layout under Footer layout.

Step 5 : Click on Apply to blog button to save changes.

By default, Blogger provides one, two, and three column body and footer layouts only. However, we can also add an extra column to our Blogger footer. For example, if you want to add a four-column footer to your Blogger, it is not possible with default template customization. But with some customizations, we can add a four-column footer to the Blogger blog easily.

Add Blog's Stats Widget to Blogger

Blog's stats widget :

Blogger provides the Blog's Stats widget to display your blog's statistics report on your Blogger blog. Nowadays, there are many widgets available to display statistics reports on your blog, but using the Blogger Blog's Stats widget is one of the easiest ways. After adding the Blog's Stats widget to your Blogger blog, it will display the total page views of your blog.

In this post, I'm going to show you how to add the Blog's Stats widget to your Blogger blog. We will also customize this blog stats widget as required, and later we will also discuss this in detail.

How to Add Blog's stats widget to Blogger:

It is simple to add Blog's stats widget to your Blogger. Just go to your Blogger layout and add Blog's stats widget to your Blogger blog, and then configure your Blog's stats widget as required by using options on the Configure Blog Stats Widget window.

Follow the below simple steps to add Blog's stats widget to your Blogger blog

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Layout

Step 3 : Click on Add a Gadget and then add Blog's stats widget

Step 4 : Configure Blog Stats Widget

Title                 :  You change Title name, will appear on blog

Time period    :  select all time or any time period

Style                :  select any style

Style options   :  select either dark or white color

Step 5 : Click on save

Now open your Blogger blog and check your blog's page views. We can also add a blog statistics report to your blog using third-party stats widgets. Later, I will show you how to add a blog stats report to your Blogger blog using third-party widgets.

Add Popular Posts widget to Blogger

Popular Post Widget :

The Popular Post widget is one of the most useful widgets for every blog. By adding a Popular Post widget to your blog, your blog's popular posts will be displayed on your blog. Your blog traffic will also increase through the Popular Post widget. If you add the Popular Posts widget to your blog, your blog visitors can easily identify some of the popular articles on your blog, and they may spend more time on your blog by reading those popular articles. If a user stays for a long time on your blog, the bounce rate of your blog will also reduce.

Not only does the Popular Post widget help in increasing your blog traffic, but it is also useful for your blog visitors. So, it is better to add the Popular Post widget to your blog. In this post, we are going to discuss adding the Popular Post widget to your Blogger blog. We can also customize the Popular Post widget as we like after adding it. Later, I will also show you how to customize the Popular Post widget.

How to Add Popular Posts Widget to your Blogger blog:

It is easy to add a popular posts widget to your Blogger blog. Blogger provides a popular post widget, which enables you to easily add popular posts to your blog. Additionally, third-party sites provide different stylish popular post widgets for Blogger. However, it is recommended to use the Blogger popular post widget to add popular posts to your blog.

Follow below steps to add popular posts widget to your Blogger blog:

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Layout

Step 3 : Click on Add a Gadget and click on + button next to Popular Posts

Step 4 : Then it will open new widow to configure popular post widget

Most viewed :  Select All time

Show             :  Un check both image thumbnail and snippet

 

Step 5 : Click on save

Great! You have successfully added the popular post widget to your Blogger blog. Now, check your blog to see your popular posts. By adding the popular post widget to your Blogger blog, your readers can easily access your blog's popular posts. After adding the widget, you can further customize the popular posts with automatic numbering and thumbnails. To make the popular post widget more visually appealing and eye-catching to your blog visitors, you can customize it further. In the previous section, we discussed how to change the width and height of the popular post widget thumbnails in Blogger. Later, we will explore additional ways to customize the popular post widget.

Add ALT Text and Title Text to Images on Blogger

Alt Tag and Title Tag :
After adding content to your blog, it is important to optimize it properly. Blog content usually consists of text, images, and videos. There are various ways to optimize text content, such as using meta tags, keyword optimization, hyperlinks, and more. However, it is also important to optimize images on your blog. Images play a major role in driving traffic to your blog, so optimizing all images is crucial.

What is the need to optimize blog images:

Search engines easily understand the text on your blog, but they can't understand what your images are describing. For example, if you have an image on your blog with text like "How to add alt and title text to images on a Blogger blog," search engines won't be able to understand that the image is related to that topic. That's why it's important to optimize images with descriptive alt and title tags to help search engines recognize the content of your images on your blog.

How to optimize images on your blog :

We need to use alt and title tags to optimize images on your blog. Alt and title tags used to add alt and title text to images. Adding alt text to images means naming images. Search engines recognize your images using alt text of your images.

By adding alt and title text to images on your blog , your blog SEO score and traffic will increase.

How to add ALT Text and Title Text to images on Blogger:

 

Adding alt text and title text to images on your Blogger blog is very easy. Two methods are available to add Alt and Title text to your Blogger blog images. One method is using image properties, and the second method is adding Alt and Title attributes to the image tag. In this post, I'm going to show you how to add alt and title text to your Blogger images using these two methods.

We can add alt and title text to images while adding or after adding images to your Blogger blog.

Follow below steps to add ALT Text and Title Text to images on Blogger

Step 1 : Go to Blogger Dashboard

Step 2 : Insert an image in to post on post editor or
              open post already having an image by click on edit button.

Step 3 : Click on image on your post editor

Step 4 : Now you will see image options either on top or bottom of image

Step 5 : Click on Properties, now small window will open, containing title text and ALT text boxes

Title Text : Enter title for your image

ALT Text : Enter alt text

And then click on Save.

Like this, you can add alt and title text to all images on your Blogger. This is the easiest method anyone can follow. Another method is also available to add alt and title text to images. With some basic HTML knowledge, you can use this method.

Another method to add alt and title text to your Blogger images:

With alt and title tags you can add alt and title text to images.

Step 1 : Go to Blogger Dashboard

Step 2 : Open your existing post having an image without alt and title text

Step 3 : Click on HTML tab on your Blogger post editor to turn your post editor in to HTML mode

Step 4 : Now you can see <img> tag of your image.

Add alt and title attributes to image tag (<img>) like below,

<img alt="your alt text here" title="your title text here"   ----- remaining your image tag code >

Step 5 : Click Update.

Now you have successfully added alt and title text to your image on your Blogger blog. You can use any method to add alt and title text to your images on Blogger.

Add Follow by Email Gadget to Blogger

Follow By Email Widget/Gadget:
Follow By Email is one of the most useful features for any blog. It allows visitors to subscribe to your blog via email, which can increase your blog traffic and sales. For affiliates, email subscriptions are especially important. Once someone subscribes to your blog through Follow By Email, they will receive updates on your blog posts via email. This means that whenever you post a new article, your subscribers will be notified and receive the article's information in their inbox.

How to add Follow by Email Widget/Gadget to Blogger:

It is easy to add a Follow By Email widget subscription box to your Blogger blog. Blogger provides a Follow By Email widget that you can use to add the Follow By Email feature to your blog. You can add the Follow By Email subscription box using two methods. The first method is by using the Follow By Email widget on your Blogger, and the second method is by using other email subscriber features.

In this post, we are going to discuss adding the Follow By Email subscription box through the Blogger Follow By Email widget.

Follow below steps to add "Follow by Email" Widget to your Blogger blog:

Step 1 : Go to your Blogger Dashboard

Step 2 : Click on layout

Step 3 : Click on Add a Gadget

Step 4 : Add  Follow by Email gadget by click on + button corresponding to  Follow by Email gadget

Step 5 : Add feed burner URL if not taken by default and then click on save .

Now open your blog and see the Follow By Email subscription box on your Blogger blog. You can also use third-party widgets to add Follow By Email subscription to your Blogger blog.

Customize Post Template on Blogger

Post Template : Through the blog template, we can customize the entire design of our blog. Similarly, we can also change the appearance of our posts on our blog through the Post Template. Often, we see a signature or thank you message below the post in some blogs. We can add a signature or thank you message to all posts on our Blogger blog using the Post Template.

We can add pre-formatted text and custom styles to each blog post on our Blogger blog. By customizing the Post Template on our Blogger, all our posts will receive the same customization changes. Therefore, it's best to customize the Post Template on our Blogger first before starting to create posts if we want to format our blog posts in a certain way. For example, if we add a signature to our Post Template, it will display on our post editor every time we try to create an article. In this post, I'll explain how to add custom text or CSS code to the Post Template on our Blogger blog.

How to Customize Post Template on Blogger:

Blogger providing post template option. This option is available under Blogger settings. Through this option your can easily customize your Blogger post template. Get the HTML code for your post template and add that post template HTML code to with Post Template option.

It is better to create Post Template through your Blogger post editor. Just open your post editor ( just like create a post) , Write text as you like on your post editor box and click on HTML button to get HTML code of your customized text and copy code. Add this code to your Post Template.

Follow below steps to Customize Post Template on your Blogger

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Settings

Step 3 : Click on Posts and Comments

Step 4 : Under posts,  Click on Post Template

Step 5 : Click on Add button next to Post Template and enter HTML/JavaScript code or normal message.

Like this, you can customize the Post Template of your Blogger blog. Once you've customized your Post Template, you can check the changes by clicking on "New post". You should be able to see the changes on your post editor. To observe the changes more clearly, you can write some content in the post editor and publish it. After you've published your post, you can open it and see the changes you've made to your Post Template.

Remove The White Space Gap Below Comment Form in Blogger

How to remove the white space gap below comment form in Blogger:

By default, all Blogger blogs have a large white space gap below the comment form. This post will help you remove or decrease the white space gap below the comment form in your Blogger blog.

Follow below steps to remove the white space gap below comment form in Blogger

Step 1. Go to Blogger Dashboard

Step 2. Click on Template

Step 3. Click on Edit HTML

Step 4. Search for below code in your template code by using Ctrl+F

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

Step 5. Just below to the above line, you can find code like below

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>

To remove the white space gap below the comment form in your Blogger blog, decrease the value of the 'height' attribute from '410' to '100' or a value that suits your needs.