JavaScript Bookmark Code

Adding a bookmark to your Web site helps assure that visitors who like your Web site and wish to return can easily find it once again. Adding a bookmark is easy to do and does not require any in-depth programming knowledge. It’s a simple matter of cutting and pasting a few snippets of HTML and JavaScript code into a Web page script and making a few simple changes to customize it for your site.

Place the following in the head section of the Web page.

<script type="text/javascript">
<!--
function bookmark(url, sitename)
{
  ns="Netscape and FireFox users, use CTRL+D to bookmark this site."
  if ((navigator.appName=='Microsoft Internet Explorer') &&
    (parseInt(navigator.appVersion)>=4))
  {
    window.external.AddFavorite(url, sitename);
  }
  else if (navigator.appName=='Netscape')
  {
    alert(ns);
  }
}
//-->
</script>

Place the following in your HTML code where you want the bookmark link to appear.

<a href="javascript:bookmark('http://www.mydomainname.com/',
'My Site Name');">Bookmark This Site</a>

    (place the line of code shown above on a single line)

Be sure to substitute your site’s domain name for mydomainname.com in the sample code and the name you want to appear in the user’s bookmark in place of My Site Name.

There is one caveat with bookmark code. Because it uses JavaScript, it will not function if JavaScript is disabled in a user’s browser. JavaScript must be enabled for this code to work. That means that there are a small percentage of users who cannot bookmark a site using this code.

Share and Enjoy:

7 Responses to “JavaScript Bookmark Code”

Jamie Says:
May 4th, 2007 at 5:11 pm
I tried finding and using code for this on several pages to add to our website. Yours worked great!! Thanks, you rock!

Jamie Benti
Mark England Says:
October 17th, 2007 at 3:07 pm
Ditto what Jamie stated. Your code worked perfect.

Thanks
kannan Says:
January 23rd, 2008 at 10:53 pm
without using ctrl+D, in netscape is there any other javascript code to bookmark the page by clicking the link.
TE Says:
January 28th, 2008 at 6:11 pm
Hi kannan

Netscape is officially dead. I have been looking for something that works with FireFox, but have not found anything that works reliably. If anyone knows of a FireFox JavaScript function to add bookmarks, let me know and I will modify the code. I am aware of the window.sidebar routine, but that does not yield the same results.
Mary Says:
March 30th, 2008 at 6:49 pm
Hi,

This worked like a charm! Thank you so much.
Best,
Mary
Al Marr Says:
June 14th, 2008 at 12:14 pm
Kannan,

Perhaps you can modify the following code, as it still makes Firefox bookmarks open in the sidebar. Sure, you can click on the link properties and uncheck “Load this bookmark in the sidebar”, but what a hassle to always have to do that!

function bookmarksite(title,url){
if (window.sidebar) // firefox
window.sidebar.addPanel(title, url, “”);
else if(window.opera && window.print){ // opera
var elem = document.createElement(’a');
elem.setAttribute(’href’,url);
elem.setAttribute(’title’,title);
elem.setAttribute(’rel’,’sidebar’);
elem.click();
}
else if(document.all)// ie
window.external.AddFavorite(url, title);
}
M Chatter Says:
June 16th, 2008 at 10:06 pm
We have a large userbase of firefox users. Does anyone know of a graceful way to do this for firefox?

M Chatter

JavaScript Bookmark Code

7 Responses to “JavaScript Bookmark Code”

Leave a Reply

Categories