How to Make Your Own Bookmarks Manager Web Page

Latest update: August 29, 2022. Page URL indicates original publication date; meanwhile, times change and the updates continue.

An Update. The Mozilla Firefox browser now automatically puts bookmark icons of your most frequently visited websites on the opening page and new tabs. They call them shortcuts. In many cases, this obviates the need to create your own bookmarks page. As a side note and for many reasons, I avoid the Google browser like the plague.

Make the Browser's Clumsy, Old Bookmarks List into an Online Bookmarks Manager Document Page or Website.

A quick lesson on how to create your own bookmark manager app. Setting up a bookmarks web page or online document is easy. You will be so glad you did.

No Technical Skills Required
And Much More Fun

How to Make Your Own Bookmarks Manager App

If you can...
  1. Type text.
  2. Highlight text.
  3. Click a link icon.
  4. Copy/Paste an URL from the browser website address bar.
Then you can create your own personal template, bookmark webpage or online document.

Why Make Your Own, Homemade Bookmark Manager App?

Quite simply, because it is incredibly convenient. Laying out all your links exactly the way you want them is so much more efficient than any browser bookmark list or pre-made app can ever be or do for you.

Plus, the bookmark manager web page or online document will always be there for you across all devices. Convenience factors include:
  • Always available no matter which or whose computer or mobile device you are using.
  • The ability to organize your links in rows as well as columns.
  • Never losing all your bookmarks, due to accidental deletion or browser corruption.
  • Never losing all your bookmarks, due to desktop/laptop/smartphone problems.
  • The convenience of grouped-by-type links.
  • The convenience of grouped-by-subdomain links.
  • The convenience of grouped-by-frequency links.
  • The ability to set the background and your link text to whatever color, size, and font, that is easy and best for your eyes.
  • The ability of your bookmark lists to change as your needs and preferences evolve.

How to Organize Your Bookmarks. And Things to Include in Your Lists.

You will probably want to put your most frequently visited websites near the top. Only you can decide what those might be.

As for groups, some examples would be:
  • A row of the search engines you use.
  • A row of the news sites you regularly visit.
  • A row of your frequently visited social media sites.
  • A row of your blog websites.
  • A row of your email websites.
  • A row of your less frequently visited social media websites.
  • A row of utility websites, e.g., weather, calendar, etc.
  • A row of whatever doesn't fit somewhere else.
  • Subdomain rows of a website.
As for the last one, Facebook might be a good example. If you regularly go to certain accounts all the time, it would make sense to set up a convenient row of links to those accounts.

How to Make Your Bookmarks Manager Online Document Page

Here is a Demo Bookmark Template (opens in new tab).  Feel free to copy the template for use as a starting point on your own document. The links are set to open in new tabs, which is a necessary feature. If that attribute fails to transfer when you copy, you will need to reset them to that option.

If you are not already using an online document app that lets you publish to the web, then I recommend G-Drive for your first cloud experience. They are owned by Google, so they will be around for awhile; it is free. It is as easy to use as any other word processor. Once you are familiar with it, you will probably use it for other projects as well.

Side note. Sometimes, copying from one app or format to another results in an unusable mess. If that happens, try copying into your document using the web page version below. In addition to the template, the next section also has additional, worthwhile information.

How to Make Your Own Website Bookmark Manager Web Page - Website Building the Easy Way


Eliminating Constraints

Going the website/web page building route will give you considerably more design capability.

Here is a webpage version of the Demo Bookmark Template (new tab). Only highlight and copy the portion between the lines, the objective being to omit as much unnecessary HTML and unwanted  format and other attributes as possible.

If you are not already using a website design app or software, then Blogger/BlogSpot is free and easy to use; no degree in rocket surgery required. It is also run by Google and so will be around for awhile.

Since you are creating this template site for your own personal use, you will probably have only the one post. You will frequently re-edit it as desired.

Once you've created the blog and are ready to do the post, it's pretty straightforward. After copying over the template into your new post, just type in and arrange your additional destination titles as desired. You don't have to do all of them at once. Start with your most frequently visited websites. No problem leaving the post open in edit mode as you are visiting the other sites. Then, as you are visiting your sites, take a moment to copy/paste the URL into your titles.

Always set the link to open in a new tab. The planned routine, once you have everything set up, is for the bookmark page tab to always be open and available at the far left for desktop and laptop. For smartphone, you don't want your bookmarks page (located in its own folder) disappearing every time you select one of the links.

A Blogger/BlogSpot editor note. When attempting to space from an existing link to add text in preparation for the next link in the row, the editor extends the hyperlink attribute into the space. To circumvent, don't do the space; hit enter instead. Then enter your space and text on the new line. Then go back to the end of the previous line and hit delete to bring your new line up to the existing line. It will then be as it should be.

Last, but not least, organize everything so all your bookmarks will fit on a single screen. Your objective is convenience, having to scroll all the time would defeat that purpose.

Once published, set the page as your new browser home.

Privacy Options

You can restrict public access to your bookmarks page to whatever degree you wish. You will find the privacy options under Settings on the left-side menu when in design mode. Turning off the visibility to search engines is certainly a good start.

No matter what privacy settings you use, do keep in mind the internet is the internet. So it would be wise to not include bookmark links to such things as your bank, credit card, or utility accounts. For that matter, such links should not be on your browser bookmark list either. Those links can be accessible to any malware that might happen along.

Other Blogger/BlogSpot Options

For those who are not already familiar with Blogger/BlogSpot, the platform has all sorts of other capabilities. Some of those capabilities include:
  • Adding 3rd party HTML/JavaScript
  • Images
  • Videos
  • News feeds
  • Lots more
And if you know basic HTML, you can create templates and bookmarks pages like this webpage example or this webpage example. Personally, I don't bother with the table format; the format the templates use is more to my liking

Some Final Thoughts...

Once the bookmarks manager page was set up the way I wanted it, my overall efficiency had a marked increase. Somehow, it caused me to become a real tab management pro. Projects involving repeated, multiple website access were not only easy and quick to do; they were fun again.

And besides, any bookmark manager webpage or website you create and customize exactly the way you want can't help but be:
  • 10 times better than anything Mozilla Firefox could come up with.
  • 10 times better than anything Google Chrome could come up with.
  • 10 times better than anything Microsoft Explorer could come up with.
  • 10 times better than Safari or any other prefabricated, standardized, generic website could come up with.
  • 10 times better than anything a third-party vendor could come up with, simply because only you really know what you want.


- End of Article -

Re: Using Mobile?
Home: site intro and featured articles/resources.
View Web Version: displays Main Menu article categories (will be located below), additional site info (below and side), search function, translation function.

No comments:

Post a Comment

Alas, anonymous comments have been disabled.

Note: Only a member of this blog may post a comment.