Responsive Blogger Icon Navigation Menu

Hello, Friends!! It's just a day after my Christmas Holiday and I have decided to share this awesome navigation menu to your all. What I love most about this navigation are its simplicity and fast loading ability. You might be wondering what the features are?

Demo (Preview Navigation)

Features of Responsive Icon Blogger Navigation Menu

Fully responsive 

It fits well into all devices. From mobile devices to desktops and laptops. You don't need any break points to make it look responsive. All you need to do is to add the widget and that's all.

Easy Installation

Among the easiest widgets installation ever. You don't need to have any HTML or CSS knowledge before you will be able to install this. It is purely for newbie and not just that, it looks professional. You will love it.

Fast Loading 

What do you think of a widget that runs on just HTML, CSS and FontAwesome?. This responsive Icon bar is a high-speed menu that loads in less than a second depending on your network speed. So you see you don't need to worry about speed.

Others

When you start using this navigation, then you will tell me many other features of this widget because it is fully parked.

How To Install Responsive Blogger Icon Navigation Menu

Step 1

Visit blogger.com >> Layout >> Add Widget >> HTML/JavaScript

Step 2

Download the widget code - Download Now

Step 3

Open the downloaded code using NotePad. Copy and paste the entire code and paste it into the HTML/JavaScript box.

Step 4 - Customization

How to Replace Menu Icons

Simple visit FontAwesome and select any icon of your choice. Replace fa fa-home with the similar text from FontAwesome.

Add Link And Title

To add links replace # with the link you wish to direct to.

To add titles simply replace Contact, Translate etc with any title of your choice.

Final Words

Hope today's tutorial was useful and do keep me posted in case you have any message or requests for me.