How to add Separator to Google Chrome Bookmarks Bar?

Question

Google chrome is an Excellent browser but the Bookmarks interface is more difficult than Mozilla Firefox. There is no Separator. It maybe not a big problem for many users, but when they have too many Bookmarks, it'll be a problem to separate them.
How can I add Separators to Google Chrome Bookmarks Bar?

Solution 1

Unfortunately, Google decided that implementing bookmarks separators in Chrome isn’t worth the UI complexity it would add.

But you can do some tricks to get around this. For example, navigate to the site http://separator.mayastudios.com/. This site gives you the possibility to add vertical and/or horizontal separators by dragging a specially-crafted link to your bookmarks bar.

Solution 2

Or use this little simple 'drag and drop' solution: https://chrome-bookmarks-separator.gasoline.nl/

Solution 3

Another way around it is to:

1. select to add a bookmark manually [add page...] in the manager page

2. enter "---------" or "|" in the "name", and some form of URL for the URL

Comments

[konqui]

just add any site to the bookmark bar then right click and edit the name to a | and set the url to nothing - or make it as i do keep your bookmarks bar organized in folders and subfoldes like a Application Menu Bar with Submenues

[Avatar]

It maybe not a big problem for many users, well, I don't care about the majority. I am also a user. The Chrome developers did not implement the handy keyword feature of Firefox either. Why not learn from good examples? Instead they give us crutches again.

[Amirreza Nasiri]

Thanks. Isn't there a official method ?!

[stderr]

@AmirrezA_Nasiri no, it's just a trick. :-)

[Superole]

I only use Chrome on an offline computer so I cant test it. Is this "trick" just adding another bookmark with a line as the name?

[user1491819]

The mayastudios horizontal separator seems to be broken. Just rename a link to "----------" and position as required. Copy the Bookmark for extra separators.

[Michael Bray]

@user1491819 I just tried the horizontal separator and it seems to work fine for me

[Amirreza Nasiri]

In fact it worth and I think this is a really useful feature google don't care about. Separators are used by many people.

[binaryanomaly]

You can additionally replace the URL by "-" without the quotes, so you don't end up on that site by mistake.

[Burgi]

While it is a nice idea this leaves a blank icon on the bar as imaged here

[CAtoOH]

The 'blank' icon had not been stated, or suggested, as a deal breaker. The original post was asking for a way to see a separation between links. The submitted response does that without adding a link to another site, as the accepted answer does.

[I say Reinstate Monica]

Welcome to SuperUser. This looks like a good solution, but can you expand your post to describe the steps to implement it? Simple as it may be, a good answer includes specific instructions (not just links to them) and an explanation as to how or why the answer addresses the OPs question. Thanks for contributing.

[DavidPostill]

Please read How do I recommend software for some tips as to how you should go about recommending software. You should provide at least a link, some additional information about the software itself, and how it can be used to solve the problem in the question.

[Shiyaz]

This is still a better solution for horizontal separators since it doesn't need to point to a specific URL. In my case, I just used a 'about:blank' for the URL and can live with the blank icon.

[Rory O'Kane]

If you’re wondering how that horizontal separator works, bookmarked links are displayed with the favicon (icon in the tab list) of the page they link to. That “me” link links to the page it’s on, and that page has a favicon with a picture of a vertical line. So if you bookmark that link and delete its name, only the vertical line favicon will be visible. Similarly, the vertical separator links to a page with a blank favicon, and the bookmark name is “───────────” (a series of em dashes).