When we create a blog in Blogger, we can select from a variety of templates. Some of them will have the NavBar widget, which is a small navigation bar that appears at the top of the blog page. In this post, we will learn how to remove the Blogger Navbar from the website.

When you want to add some external links to your sidebar for your Blogger website, you can use the Pages widget/gadget for that purpose. The problem with this gadget is the way it is displayed for mobile devices. It is displayed as a dropdown menu containing the links, which might not be what you want. In this article, I will show you how to modify the template code for the Pages gadget, so that it is displayed the same way as in the desktop version.

The Blogger platform offers you different mobile templates for your site. You can choose between built-in templates (Simple, Picture Windows,…) or you can select a Custom mobile template, which will adapt your main template to the mobile version. This enables you to have a site with a consistent theme on both desktop and mobile devices. One part that might not be consistent though is with a header image. Depending on the options selected in the Layout section, the mobile template (either custom or built-in) might not show a header image. In this post, we will examine two ways to solve this problem.

Modifying a template in Blogger is a very powerful feature. It allows you to make significant modifications to your blog which helps your blog to distinguish itself from millions of other blogs. It also gives you the ability to add interactivity to your blog. This article will show how to achieve that for both Desktop and Mobile Template.

Some cases which require modifications of the template: