Social Media Sharing

Here is the code that can be used to create a share / like button for a website to share the content over well know Social networking site like Facebook , twitter etc. 

OK , lets start then .

I attached two html pages: 

social_media.html : to demonstrate the code for sharing on Facebook, twitter, etc

custom_media.html : to create active tweets. For example if I am supposed to tweet about say sculptor like "Love Jack " at UT Dallas then all you need to do is to click on the button and 

type your tweet . By default it is #lovejack but you can definitely change it .

And pics(of how screen will look like) in this folder.

   

Social Media.html   

code on Git-hub

For this html, social media buttons are displayed using 'Sharethis' website embedded code

There different ways to customize the buttons (horizontal or vertical) in the website. This is the simplest way and easy to display social media buttons.

Custom Media.html

code on Git-hub

This html file uses code given by each social networking website separately like 

Facebook Like button plugin

Pinterest Widget-builder 

Google + link

Twitter #hashtag.

see html file to how to use it. This requires more code work and time spent.

Helpful link: Adding-social-media-buttons-to-your-website

Note:

This website need to run on webserver. I used wamp server on my computer (since I have a windows).