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 the 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.
Blogger - Modifying Template
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.
Every blog you create in Blogger will contain a Navigation Bar also known as Navbar at the top of the every page.
Navbar provides visitors with features like search box, Google+ share button and when signed in, it provides you with the ability to edit posts, edit widgets and to go to Blogger Dashboard directly from your website.
I do not use it that much and think that without it, the site looks a bit more professional.
In this post, you will learn how to remove Blogger Navbar by modifying Blogger Template.