• Home
  • Systems
  • Networking
  • WordPress
  • Web
  • Geekery

Analysis and Review

How to make a Facebook share button with plain html

June 9, 2011 by Kurt Turner

If you want to know how to make a share link for facebook then you’ve come to the right place.

Step 1:

Get the URL you want to share.

Example: http://www.fantasyknuckleheads.com

Step 2:

Encode the url here – http://meyerweb.com/eric/tools/dencoder/

[code]Example: http%3A%2F%2Fwww.fantasyknuckleheads.com[/code]

Step 3:

Copy the below facebook share code and paste it into notepad

[code]http://www.facebook.com/sharer.php?u=[/code]

Step 4:

Copy the encoded URL you created in step 2 and paste it to the end of the facebook share URL.

Step 5:

Add a title to the share link as follows

[code]%2F&t=fantasy%20knuckleheads+website[/code]

The end result is a simple facebook share url you can use on your website. You can use the link on a word or in an image.

Here is what it looks like when you’re done.

[code] http://www.facebook.com/sharer.php?u=http%3A%2F%2Fwww.fantasyknuckleheads.com%2F&t=fantasy%20knuckleheads+website [/code]

You’re all set. Don’t forget to encode your url before you share it, if you don’t encode the URL it won’t work right when you click the Facebook share link.

Filed Under: Money Tagged With: facebook, facebook share button, facebook share link, facebook share url, share, url

Latest and Greatest

Apache vs Nginx for WordPress

Certbot Lets Encrypt And WordPress MU Multi-Site

How To Find and Replace Multiple File in MS Word

How To Get Stretch Res on Windows 10 AMD Radeon For Game Play

This is the ASUS Chromebox we've been running for 2 years as our "brain" for our home grown digital display kiosk.

DIY Digital Signage Bulletin Board or Kiosk

© Copyright Analysis And Review · All Rights Reserved ·