Skip to main content

Add breadcrumb navigation to any website in Chrome

Breadcrumb navigation, for those who are not aware, is a type of text-based Web site navigation feature that provide links back to each previous page the user navigated through to get to the current page in hierarchical site structures. Breadcrumbs provide a trail for the user to follow back to the starting or entry point of a website and is considered a useful navigation feature by most web designers.

Breadcrumb navigation is commonly used in ecommerce Web sites to display categories of products. Blogs rarely use this kind of navigation. If you want to see breadcrumb navigation feature on every website, then Breadcrumb Navigator is the tool for you.

It is an extension for Chrome that allows users to navigate any URL in a breadcrumb-like way. To access the breadcrumbs, click on breadcrumbs icon in the address bar, and depending on your choice of style, a menu will drop down with links to navigate to various sub-sections or folders in the URL.

There are two navigational options that users can choose from: breadcrumb style …

chrome-breadcrumbs1

or folder style.

chrome-breadcrumbs2

The extension allows for navigating on subdomain level. Example:

news.google.com –> google.com

Path level. Example:

example.com/categories/article.html –> example.com/categories/ –> example.com

or a mixture of both.

Very useful extension for navigating websites with large number of sections like new sites.

For Firefox user there is Breadcrumb.

Labels:

Comments

  1. Hannah HurstOctober 27, 2010 at 4:21 PM

    Breadcrumb navigation is most definitely a useful tool to have on a website. It can be slightly frustrating having to keep going through various pages just to get back to the start. As a web designer myself I always use this navigation feature where appropriate.

    As you mentioned breadcrumb navigation is commonly used in ecommerce websites for the navigation of various products which is very useful indeed. However to have this feature on every site would be great. It would save a lot of time and make the process of viewing someones site so much easier.

    The fact that the working of this tool depends only on the click of an icon just adds to its success. Along with the choice of style options I will most definitely be using this tool in the future.

    ReplyDelete

Post a Comment

Popular posts from this blog

How to Record CPU and Memory Usage Over Time in Windows?

Whenever the computer is lagging or some application is taking too long to respond, we usually fire up task manager and look under the Performance tab or under Processes to check on processor utilization or the amount of free memory available. The task manager is ideal for real-time analysis of CPU and memory utilization. It even displays a short history of CPU utilization in the form of a graph. You get a small time-window, about 30 seconds or so, depending on how large the viewing area is.
17 comments
Read more

Diagram 101: Different Types of Diagrams and When To Use Them

Diagrams are a great way to visualize information and convey meaning. The problem is that there’s too many different types of diagrams, so it can be hard to know which ones you should use in any given situation. To help you out, we’ve created this diagram that lays out the 7 most common types of diagrams and when they’re best used:
Post a Comment
Read more

How to Schedule Changes to Your Facebook Page Cover Photo

Facebook’s current layout, the so called Timeline, features a prominent, large cover photo that some people are using in a lot of different creative ways. Timeline is also available for Facebook Pages that people can use to promote their website or business or event. Although you can change the cover photo as often as you like, it’s meant to be static – something which you design and leave it for at least a few weeks or months like a redesigned website. However, there are times when you may want to change the cover photo frequently and periodically to match event dates or some special promotion that you are running or plan to run. So, here is how you can do that.
1 comment
Read more