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?

For this page you will need the Raw HTML plugin.
Visit the Plugins FAQ for more informations.

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:

<!--start_raw--><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><!--end_raw-->

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.


WordPressFAQ.org - Tutorials, Tips & Tricks is made with and for WordPress.
It's an EBookStoretoday.com company. It’s presented by Cédric and hosted by HostExcellence.com

I would like you to give me feedback on this page by commenting in the appropriate section of the Forum. Tell me if it's been helpful. If it wasn’t please tell me why. If you think something is missing please tell me what. If you have questions about it post them there and I will probably try to give you an answer.

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



Share
This entry was posted in Uncategorized. Bookmark the permalink.

Comments are closed.