Don't Miss

A navigation menu/drop down menu makes your blog/website user-friendly by allowing your visitors to easily navigate your blog posts by just selecting categories from the menu. A navigation menu plays an important role in your blog development, either its a top website like Mashable or a newly created blog, a drop down menu is an essential element of every website. It makes your blog user-friendly, easy to navigate and also adds a new and unique look to your design and makes it look professional. After reading all these advantages if you want to add a Drop Down menu to your Blog/Website, then in this tutorial we'll show you that how to create a Drop Down Menu in blogger. The credit goes to MBT. The design we're going to share today is simple, clean and will surely attract your visitors.

How to Create a Drop Down Menu in Blogger

First and foremost, log in to your Blogger Account >> Select a Blog >> Template and click Edit HTML. Click inside the template code area and by using Ctrl+F search for the ]]></b:skin> tag. Now copy the below code and paste it just above/before it (]]></b:skin> Tag)

The only downside of remiving Blogger Navbar is that the links like New Post, Template, Pages, Log Out etc. are no longer available.With the help of Navbar blog administrators can easily manage their blogs. With a visible navbar admins can easily create posts, pages but when the navbar is hidden sometimes its really frustrating to visit the dashboard again and again for performing a task.

Today, in this tutorial I'll show you that How to Create an Advanced Admin Control Panel in Blogger. Admin Control Panel is a facility for blog administrators to manage his blogs with ease and speed. This Admin Control Panel is only visible to blog administrator (Not to readers/visitors). Only blog administrator will be able to see this navbar/panel when he is logged in to his account.

Here's a screenshot of this Admin Control Panel. Using this Panel you can easily access to your Dashboard, create new post, access to all posts, comments, your blog stats, layout, template, your blog setting and finally Logout button.

Find your Blog ID

The very first thing for creating an Admin Control Panel is to find your Blog ID.
To find your Blog ID, log in to your Blogger Account >> Select the Blog to which you want to add the Admin Control Panel. Choose any option from the sidebar, like Setting, Template etc. Now take a look at the address bar of your browser. You will notice a string like this

blogID=XXXXXXXXXXXXX

The digits next to blogID= (blogID=XXXXXXXXX) is your Blog ID number.

Copy the blog ID, we'll use it later. Now its time to add the Admin Control Panel, lets do it

How to Create an Advanced Admin Control Panel in Blogger

First and foremost, log in to your Blogger Account >> Select a Blog >> Template and click Edit HTML. Use Ctrl+F and search for the ]]></b:skin> tag. Now add the below CSS code just above/before it

Important: The admin panel will only be visible to blog admin or author (not to readers/visitors) only when he/she is logged in to his blogger account.

Finally click Save Template button and you're done!

If you're looking to share this admin panel on your blog/website then please don't post it without a proper credit-link to blogolect.com

From Editors Desk

We hope this article may have helped you in Creating an Advanced Admin Control Panel in Blogger. Share this article with your friends, don't forget to subscribe us for more cool tricks and Join our Bloggers Forum on Facebook @ https://www.facebook.com/groups/blogolectforum

jQuery Sliding Menu is actually a type of navigation menu for blogger. It expands sliding from top on clicking the Open Menu button and on pressing the Hide Me button it collapses. If your blog has no space for adding subscribe buttons and email subscription form, then don't worry this menu is going to fulfill all your needs.

If you're tired of using those simple Drop Down menus then this menu will give your blog a new professional look by its simple, clean and professional design. This menu consists of four different portions, the first one is for Author Bio, the 2nd contains a simple Search Box, the next one is Categories where you can add all your Blog Categories and the 4th portion contains an Email subscription box and social media buttons. In this tutorial we'll show you that How to Create a jQuery Sliding Menu with Expand/Collapse Function in Blogger.

Create a jQuery Sliding Panel Menu in Blogger

First and foremost, log in to your Blogger Account >> Select a Blog >> Template >> click Edit HTML and Search for the </head> tag. Now copy the below CSS code and paste it just above/before it

Replace the highlighted text with your own text and replace all categories with your categories name and # sign with their links. Replace Feed-name with your RSS Feed name and all username with your usernames. After making all the necessary customizations, click Save Template button and you're done!