Create Add to Favorites/Bookmark button in Javascript

Submitted by:Tim Kelly

Date added:16 June, 2012


Most today's web browsers like Firefox (Ctrl+D), Opera (Ctrl+T) and IE (Ctrl+D) provide a keyboard shortcuts to enable users bookmark their favorite pages. But if you want to provide your visitors with a "Bookmark this page" link they can click you may use the code below: It works in IE, FireFox and Opera. Clicking on the link prompts the user with a dialog box to add the specified URL to the Favorites list.

Tags: create add to favorites , create bookmark button

Code Snippet:

    <script type="text/javascript">
function CreateBookmarkLink(){
var title = document.title;
var url = document.location.href;

/* Mozilla Firefox Bookmark */
window.sidebar.addPanel(title, url, "");
}else if(window.external){
/* IE Favorite */
window.external.AddFavorite(url, title);
}else if(window.opera && window.print) {
/* Opera Hotlist */
alert("Press Control + D to bookmark");
return true;
/* Other */
alert("Press Control + D to bookmark");

<a href="javascript:CreateBookmarkLink();">Add to Favorites/Bookmark</a>