Post by Skyrocket on Mar 30, 2006 14:28:54 GMT -5
Revised Post
Written by Skyrocket
with valuable input from: Tom Marker (Cloudhand) & Troyzone
You may have seen a handy button or link on web pages that will activate the Add To Favorites or Bookmark feature of the browser, in fact most of the 3PP sites have one. The idea is that this prompts the visitor to add your site to their favourites, so that they can easily find your site again to see what new opportunities have appeared or to explore it a bit more. It is all about securing the repeat visits and repeat commissions!
So, lets get to it. This is very easy to do and it only requires two steps.
Step 1:
All this does is activate the command in the browser to add a bookmark to your site. To do this we need to put some JavaScript into the code of the webpage. JavaScript is code that can access the various elements of the browser, such as favorites and take action with them. The JavaScript we are adding simply opens the Bookmark/Add To Favorites window, puts in a title for your site and leaves it open ready for the visitor to hit OK to add it. This is so that the visitor knows it is been done and they also have the chance not to add it, which never happens but it is important for them to feel in control.
Enough of the explanation, now on to the action! First of all, change the red XXXXXXXXXX below to your full web URL (ie: http://www.theworkathomeindex.com), then highlight and copy the code below:
<Script Language = "JavaScript" Type="Text/JavaScript">
<!--
var urlAddress = "XXXXXXXXXXX";
var pageName = "Work At Home Directory";
function addfavorites()
{
if ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4))
{
window.external.AddFavorite(urlAddress,pageName);
}
else if (navigator.appName == "Netscape")
{
window.sidebar.addPanel(pageName,urlAddress,"");
}
else
{
alert("Please press CTRL-D(Netscape) or CTRL-T(Opera) to Bookmark this site!");
}
}
// -->
</script>
Now go into your web page code and paste this code just before the closing </head> tag, which will be just before the <body> tag.
Step 2:
Next, all that is required is for you to add a command to a button or a text link that will activate the JavaScript and add your site to the browser favorites/bookmarks. The command is simply onClick="addfavorites();".
Here's how to use it, copy and paste in the blue code in the appropriate place on your webpage (in code view). If you're not entirely sure how to do this, save a copy of your homepage as a test page and have a play before you do anything on the live version:
Create a Bookmark Button:
<form>
<input type="button" onClick="addfavorites();" value="Bookmark This Site">
</form>
Create a Text Link
<a href="#" onmouseover="window.status='Bookmark the Site!'; return true" onmouseout="window.status=''" onclick="addfavorites();">Bookmark This Site</a>
There are two ways to activate the JavaScript to bookmark the site, the second way is explained here because there are a few technical reasons why the method above may not work exactly as you would like in some cases. Two things I know about are 1) When you use the method above and the bookmark button or link is down the page a bit, it will make the page jump back up to the top. Only a small inconvenience, but something that you should be aware of. 2) If you are creating your webpage as anything else other than an .htm or .html type of page, ie: asp or php. Then it may either not work as expected or not work at all. If .htm, .html, .php, etc is going over your head then 10 to 1 you don't have to worry about it, most likely it'll be html.
OK, so here's the alternate code for both a button and a text link:
Button:
<form>
<input onclick="javascript:addfavorites(urlAddress,pageName);" type="button" value="Click Here to Bookmark This Site!">
</form>
Text Link
<a href="javascript:addfavorites(urlAddress,pageName);" onmouseover="window.status='Bookmark the Site!'; return true" onmouseout="window.status=''">Bookmark This Site</a>
OK, that's it. If you have any questions or amendments to this, then please by all means post in the Web Creation Help section of the forum or contact any of the three of us via IM in the forum.
Written by Skyrocket
with valuable input from: Tom Marker (Cloudhand) & Troyzone
You may have seen a handy button or link on web pages that will activate the Add To Favorites or Bookmark feature of the browser, in fact most of the 3PP sites have one. The idea is that this prompts the visitor to add your site to their favourites, so that they can easily find your site again to see what new opportunities have appeared or to explore it a bit more. It is all about securing the repeat visits and repeat commissions!
So, lets get to it. This is very easy to do and it only requires two steps.
Step 1:
All this does is activate the command in the browser to add a bookmark to your site. To do this we need to put some JavaScript into the code of the webpage. JavaScript is code that can access the various elements of the browser, such as favorites and take action with them. The JavaScript we are adding simply opens the Bookmark/Add To Favorites window, puts in a title for your site and leaves it open ready for the visitor to hit OK to add it. This is so that the visitor knows it is been done and they also have the chance not to add it, which never happens but it is important for them to feel in control.
Enough of the explanation, now on to the action! First of all, change the red XXXXXXXXXX below to your full web URL (ie: http://www.theworkathomeindex.com), then highlight and copy the code below:
<Script Language = "JavaScript" Type="Text/JavaScript">
<!--
var urlAddress = "XXXXXXXXXXX";
var pageName = "Work At Home Directory";
function addfavorites()
{
if ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4))
{
window.external.AddFavorite(urlAddress,pageName);
}
else if (navigator.appName == "Netscape")
{
window.sidebar.addPanel(pageName,urlAddress,"");
}
else
{
alert("Please press CTRL-D(Netscape) or CTRL-T(Opera) to Bookmark this site!");
}
}
// -->
</script>
Now go into your web page code and paste this code just before the closing </head> tag, which will be just before the <body> tag.
Step 2:
Next, all that is required is for you to add a command to a button or a text link that will activate the JavaScript and add your site to the browser favorites/bookmarks. The command is simply onClick="addfavorites();".
Here's how to use it, copy and paste in the blue code in the appropriate place on your webpage (in code view). If you're not entirely sure how to do this, save a copy of your homepage as a test page and have a play before you do anything on the live version:
Create a Bookmark Button:
<form>
<input type="button" onClick="addfavorites();" value="Bookmark This Site">
</form>
Create a Text Link
<a href="#" onmouseover="window.status='Bookmark the Site!'; return true" onmouseout="window.status=''" onclick="addfavorites();">Bookmark This Site</a>
There are two ways to activate the JavaScript to bookmark the site, the second way is explained here because there are a few technical reasons why the method above may not work exactly as you would like in some cases. Two things I know about are 1) When you use the method above and the bookmark button or link is down the page a bit, it will make the page jump back up to the top. Only a small inconvenience, but something that you should be aware of. 2) If you are creating your webpage as anything else other than an .htm or .html type of page, ie: asp or php. Then it may either not work as expected or not work at all. If .htm, .html, .php, etc is going over your head then 10 to 1 you don't have to worry about it, most likely it'll be html.
OK, so here's the alternate code for both a button and a text link:
Button:
<form>
<input onclick="javascript:addfavorites(urlAddress,pageName);" type="button" value="Click Here to Bookmark This Site!">
</form>
Text Link
<a href="javascript:addfavorites(urlAddress,pageName);" onmouseover="window.status='Bookmark the Site!'; return true" onmouseout="window.status=''">Bookmark This Site</a>
OK, that's it. If you have any questions or amendments to this, then please by all means post in the Web Creation Help section of the forum or contact any of the three of us via IM in the forum.