/SimpleSharingButtons

Share to Facebook, Twitter, Google+ and other social networks using simple HTML buttons.

Primary LanguageHTMLMIT LicenseMIT

SimpleSharingButtons

A set of templates that implement sharing buttons as simple HTML links -- no JavaScript, 100% privacy for your users, you can choose from several styles and it's completely free.

This repository hosts the basic code for the HTML sharing buttons for all supported social networks:

  • Facebook
  • Twitter
  • Google+
  • Tumblr
  • Pinterest
  • Pocket
  • Reddit
  • LinkedIn

The URL of the website you want to share and other parameters, such as description, need to be encoded. Here is a simple URL encoding tool -- or you can just use the generator app.

To use the image-based sharing buttons, you will need to include this CSS:

.share-buttons{
    list-style: none;
}

.share-buttons li{
	display: inline;
}

To use the Font Awesome icon font you can either download it from the official website or you can include this code inside your head element

<link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css" rel="stylesheet">

You can read more about the generator on my blog.

Please also see included LICENSE.txt and License for Flat Web Icon Set.rtf.