Share via

How do I add a favicon to a bookmarklet?

Anonymous
2021-03-04T21:07:55+00:00

I would like to associate a favicon with a bookmarklet that I've created and offer on our library website.  I am familiar with programs such as Edge Manage, which allow one to add/change a favicon of a bookmark, however I don't want to make my users go through those extra steps to add our brand favicon, which Edge Manage doesn't actually allow me to do at the moment so it's a moot point.  I want the favicon to be associated with the bookmarklet and to show next to the bookmark when it is dragged and dropped onto the bookmarks bar.

Microsoft Edge | Favorites, history, and downloads | Windows 10

Locked Question. This question was migrated from the Microsoft Support Community. You can vote on whether it's helpful, but you can't add comments or replies or follow the question.

0 comments

3 answers

Sort by: Most helpful
Most helpful Newest Oldest
  1. Anonymous
    2021-03-05T09:09:45+00:00

    Thank you for taking the time to respond to my question.

    The bookmarklet I created isn't a standard bookmark link to a webpage. The bookmarklet contains javascript only; it basically takes the page you are on and reloads it with our Library's proxy information prepended.

    The entire code is simply: javascript:void((function(){location.href='https://ccl.idm.oclc.org/login?qurl='+encodeURIComponent(location.href);})());

    I would like the bookmarklet's icon to be something more in line with our branding and not the generic symbol provided by the browser (globe, world, piece of paper, etc.). I am familiar with various browser extensions/add-ons that will set an icon/favicon for an existing bookmark. I do not want to ask my patrons to do something as simple as drag and drop the bookmarklet and then burden them with installing an extension and going through the steps needed to change the icon.

    Ideally I would like a way to embed code into the existing javascript so that a custom icon/favicon is setup during drag and drop process.

    Was this answer helpful?

    3 people found this answer helpful.
    0 comments
  2. Anonymous
    2021-03-05T13:56:53+00:00

    Sorry I misunderstood the question. I will release it so that another professional can help you.

    Was this answer helpful?

    1 person found this answer helpful.
    0 comments
  3. Anonymous
    2021-03-04T21:46:21+00:00

    Hello I am an independent advisor for the Microsoft community. So you want visitors to your web site to see the favicon when they bookmark your site? Here is a link to a page that describes how you can set the favicon: https://www.w3.org/2005/10/howto-favicon#:~:tex...

    You will basically add a LINK tag with the URL of the favicon specified.

    Was this answer helpful?

    0 comments