Installing Blogger Templates: Simple Steps to Install Blogger Templates

Templates of HideMyTips are very simple to install and apply. To do this some simple steps are required to follow up. In this section, the details of installation of any template will be discussed.

How to install new templates for your blog:

Follow the following simple steps to successfully install any new template for your blogger / blogspot blog:

Step 1: Choose a template and download the template from HideMyTips

Before installing any templates from HideMyTips, you need to  choose a template and download that file of your computer. For example, we choose Misty Blue Ocean template for our blog. So, download the template (Misty Blue Ocean) from HideMyTips and save it to your computer.

Step 2: Login to Blogger / Blogspot account

Before trying to install any templates of HideMyTips, you must have to access your blogger / blogspot account. To access your blogger account, simply follow the address to or by typing in the address bar of your browser and hit Enter key. Then put your Email address and password and hit Sign In button. After successful login, you will be redirected to Dashboard page.

blogger blog login page1

Step 3: Choosing Design option from dashboard

Select the blog which you want to change template from the Dashboard panel of your  account. now click on Design option from the Dashboard panel.

Select Design Option

Step 4: Accessing blogger template and downloading the old template

After accessing Design option, choose Edit HTML tab under Design part. “Edit HTML” is required to change any modification of your template code, to change the template, to add extra code block to your blogger blog template etc.

Before changing the template with the new template from HideMyTips, it is safe to save the old template because if you face any mismatch with the new template, you can restore the old template. So, it is wise to keep a backup of your currently used template. You can easily back up your current template from the Download Full Template link. Just do a backup of the full template.

Download the old template

Step 5: Uploading the new desired template

It’s time to upload the template. To do this, click on Browse button and browse the location where your desired new template is located. After that, click on Upload button. You will see that the template will be started uploading and within some moments the template will be uploaded completely.

Uploading the template

Note: After finishing uploading, you may notice some errors. Please ignore all the error messages, if any.

Step 6: Saving the new template

When you have finished uploading the new template, you will notice a button marked as SAVE TEMPLATE at the bottom of the page. Simply, click on the “SAVE TEMPLATE” button to save your template.

Save template

And that’s all. By following the above steps, you can easily upload any new template for your Blogger / Blogspot blog. Actually, it’s very simple and easy. Just a matter of few clicks. Hopefully, you can successfully upload a new template. If you face any difficulties or problem, please mention it to the comment section. Your comments are highly expected.

Template Menubar: Menubar Is for Easy Navigation

Menubar is used for easy navigation for your blogger blog or blogspot blog posts or contents. Menubar is located just below the header or before the header which is easy for navigation. Menubar is really an eye catching elements of your blog and is pretty useful for all type of visitors for easy browse throughout the blog. Below in the snapshot, you will find a typical snapshot of menubar which is located just below the header.

Menu Bar

All of the templates which are designed HideMyTips, have been coded to have this Top Menu. It’s easy to add links to this Top Menu. To add links in the Top Menu, login to your blog account and go to the Layout --> Page Elements tab and click the Top Menu’s “Edit” link (see the red Ellipse line below). And after accessing that you can easily add links as you like!!


Thus the Top Menu option enables you to add menus as you like to add. Moreover, it also supports sub-menu also.

Blogger Template: Misty Blue Ocean

Misty Blue Ocean template is the template which alive your blog. Applying the theme Misty Blue Ocean template turns your blog the blue mist of the ocean. The Misty Blue Ocean template has one column which is standardized for any blog. The basic color is mist and blue mix but can be change all the colors and fonts.

Misty Blue Ocean - misty-blue-ocean_blogspot_com


Features of Misty Blue Ocean Blogger Template:

  • Gorgeous misty blue color theme
  • Almost all colors and fonts are easy to customize.
  • Edit buttons of Blog Posts are fully functional.
  • One column sidebar which is perfect for presenting widgets (Google Search widget, Labels widget, Achieve widget, Popular Posts widgets etc.)
  • Menubar below the header is for easy navigation and easily customizable.
  • Header image can be easily changed.
  • Tested ok in all browsers using


Terms of Use:

This new XML Blogger template (Misty Blue Ocean Template) is totally free by leaving the footer credit to intact.

How to Hide or Remove Blogger NavBar Completely (Top Navigation Bar Hiding)

navbarBlogger NavBar means Blogger Navigation bar. Blogger Navbar is a type of toolbar of any blogspot blog which appears by default at the top of every Blogger-powered blog with the included features like [B] (Blogspot home page link), Search Blog (to search blogs), Flag Blog (to mark the current blog as objectionable), Share (to promote contents), NextBlog (takes to a random, recently-updated Blogger blog), email address (shows the log in account email address if logged in), Dashboard (if logged in, a link to dashboard) and Sign In/Out (displays the appropriate option, depending on whether any user is logged in or not). The Blogger-powered blog’s Navbar can be easily removed or hide if you don’t like the toolbar. Most of the recent blogger are not much interested on it now-a-days. In this page, you will find the detail information to completely remove the Blogger NavBar from your blog.


Steps to hide or remove Blogger NavBar completely form your blog:

Hiding or removing Blogger NavBar completely form your blog is very easy. You don’t need any knowledge regarding the CSS or HTML. Just follow the following steps to hide or remove Blogger NavBar completely form your blog:

Step 1: Log in to Blogger Account

Firstly, log in to Blogger by typing the address or After successful logged in, blogger will redirect to you the dashboard page to change anything.

Step 2: Searching the code

From your Dashboard panel, click on Layout and then select Edit HTML option. Here, you need to search the following code segment:


Step 3: Adding code to hide or remove NavBar completely

Now, you need to copy the following codes of line and just paste this code blog immediately BEFORE/ABOVE it.

#navbar-iframe    {
Step 4: Saving your work

After doing the above steps, you need to save all the modification which you have done in the previous steps. Just click on the SAVE TEMPLATE option and that’s all.

And that’s all. By doing the above steps you can easily hide or remove Blogger NavBar from the top your blog. Hope, you could easily success to remove or hide Blogger NavBar completely from your blog. However, if you face any difficulties or problem to do the above mentioned steps, just simply tell that in the comment section. Your comments are highly expected.

Tagging Tips for Your Blog to Boost SEO

tagging tips Blog publishers or website publishers often struggle a lot to optimize their blog and blog posts and better search ranking. This is pretty useful to rank the page content to the top of the search engines and blogs get a high volume of traffic to the post. Lots of techniques are available for blog search engine optimization. Among all of the tips and techniques of SEO, one of the best and easy technique is to use tagging techniques to optimize any blog or blog posts. This article will just explain the tagging tips for your blog to boost your blog search engine optimization.

Most good tags are often 1-3 words rather than a long phrase or 5-6 words phrases. However, you can combine two phrases to create a good new tag. For example, “tagging tips” , “your blog”, “boost SEO” gets lots of traffic instead of using “tagging tips for your blog to boost SEO”.

The number of tags should be 6 to 10. I found lots of people have good contents but no tag at all. I think, without using any tag they are loosing the huge visitors traffic. But what is the actual number of tags? I think it’s good to use 6 to 10 keywords and this really gives much seo for your blog.

Too many tags often create a problem. Putting some tags for your content page is really useful but too many tags does not pretty useful for your blog posts. Use only measurable number of tags. Many people use many keywords like 15 to 30 keywords. But there is a common situation that most search engine sometimes ignore the rest of the tags except the first 10 tags. So, in this situation al the rest of the tags are pretty useless for the content SEO.

Avoid using inappropriate, or unrelated tags. Tags must be relevant to your content pages and the page title. If the tags are not relevant to your content page then the page rank may be depressed by the search engines. So, try to guess the relevant tags for your blog and use them only for your blog contents.

Beside using the main tags, use several variations of the tags. For example, for this article we use “tagging tips” tag. So, a variation of this tag may be “tagging tip”. Here, we use the singular form of the tag. Thus you may also use the similar words for tagging your content page.

Some SEO expert or forum may suggest to avoid to echo the title of the contents. But it is really effective and useful to echo your title of your content page. Don’t be afraid to echo content title in the tag sections of your content page.

Tags are separated by commas for most of the site. However, some site may separate the tags by spaces or other symbols. So, try to figure out the actual ways to define tags.

Tags are really effective for better SEO for your blog. Some tips i.e. tagging tips are explained in this page for better SEO of your website or blog. Based on all these methods, all the content page are tagged for better ranking of the pages to search engine and thus the SEO is easily included to all the content page.