• How To?
  • Tips ‘n Tricks
  • WordPress
  • Snippets
  • Software
    • Browsers
    • Downloads
  • Web
  • Tools
    • Character Counter
    • chmod Calculator
    • Entities Encoder
    • Live HTML Editor
    • My IP
  • Contact
Twitter Facebook Google+ RSS
You are here: SumTips » Software » Browsers » Add Favicon to JavaScript Bookmarklet in Firefox

Add Favicon to JavaScript Bookmarklet in Firefox

Posted on July 4, 2012 by Renji | Short URL: http://sumtips.com/?p=7137

A bookmarklet is a handy JavaScript code snippet that you can directly execute in your browser, with a single click, to perform some function (modify appearance, extract data, etc.) on the active web page. They are saved and used just like normal bookmarks in the browser.

When you bookmark a website, a neat little icon appears in the bookmarks list along with the site name. Browsers use the website favicon as the icon for the bookmark. However, when a bookmarklet is added to the Bookmarks toolbar, it usually has no icon or simply takes on the default bookmark icon for the browser. Now, if you are on Firefox, you can easily change this ugly icon with any image you want using an add-on.

Bookmark Favicon Changer is a neat add-on for Firefox that allows users to customize bookmark favicons; and it also supports JavaScript bookmarklets.
Bookmarklet Favicon

Adding Favicon to JavaScript Bookmarklet

To set a custom favicon to a bookmarklet, right-click on it, select “Change Favicon” from the menu, and select a ICO file saved on your computer. In addition to ICOs, the extension supports various other file formats like JPG, PNG, GIF, and BMP. And the cool thing is that you can select image of any size. The extension will automatically resize and convert image to desired 16×16 pixels PNG image.

Once the favicon is set, you can delete the source file from your hard disk.

If ever you wanted to change the icon again, follow the same procedure you did while setting it the first time.

Bookmark Favicon Changer can also change icons of Bookmark menu, Bookmark toolbar, Bookmark sidebar, and Bookmark manager. To remove or reset icons to default state, right-click on the desired item and choose “Remove Favicon” or “Reset Favicon” menu option respectively.

It’s a free extension, and works will all flavours of Firefox. Follow the link below to download it from the official repository.

Download: Bookmark Favicon Changer


Tweet

Related posts:

  • Firefox Bookmarks
  • Create Favicon For Your Website
  • Open Google Chrome Bookmarks Using Keyboard Shortcuts
  • Set Gravatar as Favicon in Your WordPress Blog
  • Get Unread Gmail Message Count in Favicon
Categories: Browsers | Tags: Browser, Extension, Mozilla Firefox
Write Email in Markdown on Chrome, Firefox, and Thunderbird
Set Custom User Agent on a Per-Site Basis in Chrome & Firefox

  • Get Updates via Email

  • Recent Posts

    • CMS2CMS: Migrate Site from Drupal or Joomla to WordPress
    • WordPress: Add Preview Button in Distraction Free Writing
    • How to Activate or Deactivate Individual Jetpack Modules
    • Windows 8: Auto Update Defender with Windows Update Disabled
    • Automatically Start and Close Programs at Specific Time
    • How to Copy Code from Notepad++ with Syntax Highlighting
  • Random Posts

    • Schedule Photo Uploads to Flickr with Flickr Schedulr
    • Compare Two Files [Files Compare]
    • Add Signature to WordPress Posts without Installing a Plugin
    • Windows: Disable Drive Space Indicator Bar
    • Font Dragr – Drag and Drop Fonts on a Website to Test
    • Type in Foreign Languages Using a Regular Keyboard with i2Type
  • Categories

    • Blogging
    • Games
    • Google
    • How To?
    • Linux
    • Microsoft
      • Windows
    • Miscellaneous
    • Phone
    • Snippets
      • AutoHotkey Snippets
      • CSS Snippets
      • htaccess Snippets
      • JavaScript Snippets
      • PowerShell Snippets
      • WordPress Snippets
    • Social
    • Software
      • Browsers
    • Tips 'n Tricks
    • Wallpapers
    • Web
© SumTips. Contact | Sitemap | Privacy Policy