Create a share button

Have you ever seen sites that have links to share the article you're reading on your favorite social media sharing site? Sites such as lifehacker.com, and even the New York Times utilize such fantastic sharing opportunities, and now you can too.

Step 1 Understanding what we will do

Most social networking sites have an API, or Application Programming Interface. Through this software program you can interact with the content of its respective site. This includes posting articles, updating your status, or sharing / bookmarking links.

In our project we will make use of these APIs, and use them to share a website and post its url.

Some examples of sites with APIs, which we will also include in our project:
  >Facebook
  >Twitter
  >Delicious Bookmarking Service
  >Digg
  >Reddit
  >Technorati
  >StumbleUpon

Comments

[ad'almeida-tétéyi]

it help me

[Kozz]

You've done a nice job of laying out the details, especially for people who want very precise control of how the sharing buttons/links work. 

At the risk of undercutting your efforts, I should mention addthis.com which uses remotely-hosted javascript to dynamically add the share buttons/icons for literally dozens and dozens of sites.  It's a good solution for people who may be less comfortable with HTML and CSS, but doesn't grant the amount of control your solution presents.

[Padlock]

I've actually looked at that before. I thought about adding two more steps to create "dynamic" links, but thought my instructable was becoming more of a novel. If you notice the first paragraph in step 2 - well, not anymore seeing how I just changed it... But it originally said "This is not the one you want to use if you are posting this at the end of every article on a blog, or in a similar situation - see step 4."

Maybe I will append a JavaScript section.