Tell a friend and StumbleUpon

How can I add a Tell a friend widget to my WordPress created website so that people can easily send the link to one of my pages to their friends and bookmark it?

Chapter 1: Tell a friend
Chapter 2: StumbleUpon button

Chapter 1: Tell a friend

Share

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.

ShareThis.com
SocialTwist.com
AddToAny.com

I will use AddToAny.com for the example. However the process would be the same for the other two s 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.

For AddToAny there is also an excellent plugin. Otherwise you could also use the Add Post Footer plugin to add the button to all your posts and pages.

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. 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>');
</script>

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. Paste it in a Text widget to have it displaying in your sidebar or otherwise you could also use the Add Post Footer plugin to add the button to all your posts and pages.


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


© WPFAQ.org - Tutorials, Tips & Tricks is made with WordPress and for WordPress.
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…

Share

Comments are closed.