Best way to add Facebook, Twitter and Plurk share buttons

A few days ago, a friend of mine asked me a question.

How to add Facebook, Twitter and Plurk share buttons to website?

He didn’t know much about computers. Though there are many solution ways on the internet, but none of them seem to be complete. That is why I decided to write this post.

In this post, I will share Several methods to solve this problem.

Note: Replace the following
1.Your Website
2.your image title
3.your image link

1.Facebook Share Buttons Add

Html code

<a target="_blank" href="http://www.facebook.com/share.php?u=Your Website" rel="noopener">
<img title="your image title" src="your image link" border="0" width="20" /></a>

JavaScript code

<a>
<img title="your image title" src="your image link" border="0" width="20" /></a>

WordPress code

If you create a blog/website with WordPress, you can use this code.

<a target="_blank" href="http://www.facebook.com/share.php?u=&lt;?php the_permalink(); ?&gt;" rel="noopener">
<img title="your image title" src="your image link" border="0" width="20" /></a>

In fact, FaceBook is also provided an open source code.
Source:
https://developers.facebook.com/docs/plugins/like-button

Found it difficult? There is a video tutorials!

2.Twitter Share Buttons Add

Html code

<a target="_blank" href="http://twitter.com/home/?status=Your Website" rel="noopener">
<img title="your image title" src="your image link" border="0" width="20" /></a>

JavaScript code

<a>
<img title="your image title" src="your image link" border="0" width="20" /></a>

WordPress code

<a target="_blank" href="http://twitter.com/home/?status=&lt;?php the_title(); ?&gt; &lt; ?php the_permalink(); ?&gt;" rel="noopener">
<img title="your image title" src="your image link" border="0" width="20" /></a>

3.Plurk Share Buttons Add

Html code

<a target="_blank" href="http://plurk.com/?qualifier=shares&amp;status=Your Website" rel="noopener">
<img title="your image title" src="your image link" border="0" width="20" /></a>

JavaScript code

<a>
<img title="your image title" src="your image link" border="0" width="20" /></a>

WordPress code

<a target="_blank" href="http://plurk.com/?qualifier=shares&amp;status=&lt;?php the_permalink(); ?&gt; (&lt; ?php the_title(); ?&gt;)" rel="noopener">
<img title="your image title" src="your image link" border="0" width="20" /></a>

My Choice

Though I know how to do, but I’m too lazy to do it… So I use the code of Addthis directly. (Addthis.com)

I hope this post is helpful. Good Luck!