Posts

Showing posts with the label menus

Mega Menu with Images or Thumbnails for Blogger

Image
Visual content holds a certain appeal that websites integrate images to every page, or even operate solely through photos. Now, with the new AJAX navigation menu widget, images can be added to the drop-down menu as well. The AJAX navigation menu for blogger is a widget designed specifically for the Blogger platform. It is inspired from the Mashable website long before it was given a makeover. Despite the plain and simple inspiration, the drop down menu with images is a huge hit. It works based on the jQuery library and Blogger JSON Feed API. Function-wise, it works just like a normal drop-down menu when JavaScript is disabled. For it to work online, a blog must be for public visitors, so the Blogger JSON Feed API will function as designed. Features Multi-Level Menu Support The AJAX menu is a multi-level drop-down menu that is based on the standard unordered list of HTML. When a menu contains a sub-menu, it loads on the fly when a user rolls over the main menu. What is great about this ...

jQuery Sliding Panel with Expanding/Collapsing Content for Blogger

Image
Many times when we think about making a blog, we want to put many gadgets, although many are not necessary, or perhaps only a few of them. But to add the gadgets that we want, we need to have enough space. A solution would be using an expanding/collapsing menu that is hidden and expands when the user clicks on it. Originally, this plugin called Sliding Login Panel was created so that users could register on the site, but as we know, in Blogger we don't have the option to add a user registration, however, that doesn't mean that we can't take advantage of this plugin and use it to add other elements, such as a menu, search box, social icons, feed subscription etc. You can find a demo of this panel in this blog - just click on the Open menu link on the top. Adding the jQuery Expand/Collapse Slider Panel to Blogger This sliding menu is made with jQuery, so the first thing is to add the script by pasting it just below the <head> tag: Step 1. From your Blogger dashboar...

How to Add an Admin Control Panel in Blogger

Image
A while ago I've posted some tutorials on how you can remove the Blogger Navbar or add a Peek A Boo Effect so that it would show only when we mouse over on top of our page. However, customizing or removing the Blogger Navbar also has its downside because the admin links for "New post", "Customize" and "Log Out" will be no longer visible and navigating through the blog functions could be really frustrating sometimes. When the navbar is visible, blog administrators can easily create a new post or customize their template with just one click; however, when the navbar is hidden, many more clicks are required to access the Blogger dashboard panel again. In this tutorial, we'll see how to add an "Admin Control Panel" menu with many cool additions such as: - access to the Blogger's Homepage - create a New Page or Post - view all your posts - read your comments - access the Blog's layout to add or rearrange gadgets - edit the HTML of yo...