RapidWeaver FAQ - Tell a friend and StumbleUpon


How can I add a Tell a friend widget to my RapidWeaver created website for people to easily send the link to one of my pages to their friends and bookmark it? What about StumbleUpon?

Chapter 1: Tell a friend
Chapter 2: StumbleUpon button

Chapter 1: Tell a friend

I think it nowadays is really important to implement a feature into your website which allows your visitors to easily share your website with their friends or other people via e-mail or social networks. “Tell a friend” widgets are pieces of code by third party services which allow you to share a certain page through a great number networks with just one click and one code.


I will use AddToAny.com for the example. However the process would be the same for the other two as well.

The first thing you have to do is visit the website of the service you want to implement to get the code. Some of them require you to register an account AddToAny doesn’t. On the AddToAny site go to “Get the share button” and select “Website”. Choose the design of the button you want to use and hit “Get Button Code”. You will then be shown the code.

Copy the code and paste it where you want the button to appear. Once you added the code to RapidWeaver select it and go to "Format", "HTML" choose "Code".

Chapter 2: StumbleUpon button

StumbleUpon.com is a link sharing community. People put together a list of their favourite websites or web pages and allow everybody or just their friends to see the list of links. There are also lists of “most recent stumbles” or “most stumbled websites (hence most liked websites)” and so on. Since there are a lot of useless websites out there StumbleUpon tries to get some order in them and collect links to the useful ones, best made ones, … Whether it succeeds in that or not I don’t know but I think it’s pretty a good idea to show your friends which are favourite websites are.

1. Go to
this page
2. Choose the graphic you want the button to wear and hit “Any web page or blog”
3. You will now find a code like this one:

<a href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.yoursite.com%2Farticle.php%26title%3DThe%2BArticle%2BTitle"> <img border=0 src="http://cdn.stumble-upon.com/images/120x20_thumb_black.gif" alt=""></a>

In there you see the URL to the image (http://cdn.stumble-upon.com/images/120x20_thumb_black.gif). Copy the URL to the image and paste it to a save location.
4. Now copy this code:

<script language=JavaScript>
document.write (‘<a href="’);
document.write(‘http://www.stumbleupon.com/submit?url=’+document.URL+’&title=’+document.title.replace(/ /g,’+')+’">‘);
document.write (‘<img border=0 src=URL of the image></a>‘);

In the code replace URL of the image with the URL you copied at step 3
5. Copy the code and paste it where you want the button to appear. Once you added the code to RapidWeaver select it and go to "Format", "HTML" choose "Code".

This FAQ is also discussed in my RapidWeaverFAQ.org E-Book (sample)

RapidWeaverFAQ.org - Tutorials, Tips & Tricks is made with RapidWeaver and for RapidWeaver.
It's an EBookStoreToday.com company. It's presented by Cédric Giger and hosted by HostGator.com

Thank you for visiting and supporting my website,
- Cédric -

Now share it…