Add Favorite buttons and Icons to your website!
I was once like you, in search of how to add those helpful buttons and icons to my website. For those who don't know html code and are beginners to website development, this helpful page will help you. I will go over how to place a favorites button, email to friend button and how to add a favicon to your website. I will also supply some helpful information on how to place icons on your website and how to link them to the webpage of your choice. Please keep in mind, these free website tips have been tested on this office live help site and your web site may be a little different.
Add a "Favorites" button to your website.
Have you ever visited a helpful web page and wish there was an easy way to add it to your favorites list? You can now place a favorites button to your website so that your visitors can easily add it to their favorite websites list. This is a good idea for website owners so that their site visitors can easily return.
Below is the html code that you need to copy and paste into your website. I will also add my own favorites button below so that if you want you can save this help page for future use. Use your html module when pasting the code in your site. Change the text in blue to the name of your website page that your viewers will save and add as a favorite.
'><FORM>
<INPUT TYPE="button" VALUE="Add to Favorites" onClick='window.external.AddFavorite(location.href,
"Add favorites button to your website!");'>
</FORM>
</FORM> |
Below is what the favorites button looks like. Go ahead and click it and add this help page to your favorites list.
Add an "Email this Page to a friend" button to your website.
Another helpful button to add to your website is an email this link or web page to a friend. Having a button that shares a website with your friend is a very convenient button to have on your website. If you are shopping around and you find a good product your friend would like, wouldn't you want to easily share it with your friend? Add a email link button to your website by simply copying and pasteing the html code below into your website.
| <div align="left"> <script language="JavaScript">
function EmailLink(){
window.location = "mailto:"+"?subject=I thought this link might interest you." + "&body="+top.document.title+": "+window.location;
}
document.write('<input class="select" type="button" value="E-mail this link to a friend" onClick="EmailLink()"></form>') </script> </div> |
After pasting the above code into your website using your html module, you may need to resize the box apart that contains the email button. I will show you an example below. You can go ahead and click on the button and send the link to your self to test it out or have this page for future use. It will send you an email with a link to this help page.
I have made a special help page for adding a favicon to your website. Here is the page! My help page is made mainly for Office Live Websites, therefore if you have another website designer you should view this website to add a favicon to your website.
Add Icons to your website!
When I first started making this website, I viewed many other websites and could never figure out how they got those little helpful icons on their websites. I found my own way of adding them, I don't know if this is how others apply them to their sites, but I will share with you how I put icons on my website. I will also add icon examples for you to see and use.
To See how I added the below icon, click on the green arrow to be directed to a new help page. Or if you are good at downloading and opening saved files, I recommend you google search "free website icons". You will then have access to different websites that allow you to download the icons to your computer and then upload them to your website.
