Facebook, Twitter, and Google +1 buttons using only HTML (No Javascript)
I would like to know if there is a method to create "share" buttons for Facebook, Twitter and Google +1 using only HTML, without any Javascript having to be inserted into the code at any point.
For example, you can use the methods described below to create these buttons dynamically; however they all end up loading Javascript dynamically and creating their own code behind the scenes:
Answer
The following links will register the appropriate Likes, Tweets and +1s:
- http://www.facebook.com/sharer.php?u=http://example.com
- http://twitter.com/share?url=http://example.com&text=Description
- https://plusone.google.com/_/+1/confirm?hl=en&url=http://example.com
These links will work for Wordpress:
<a href="http://www.facebook.com/sharer.php?u=<?php if(is_home()){echo home_url();}else{the_permalink();} ?>" target="_blank" title="Share this page on Facebook">Like</a>
<a href="http://twitter.com/share?url=<?php if(is_home()){echo home_url();}else{the_permalink();} ?>&text=<?php the_title(); ?>" target="_blank" title="Tweet this page on Twitter">Tweet</a>
Google +1
<a href="https://plusone.google.com/_/+1/confirm?hl=en&url=<?php if(is_home()){echo home_url();}else{the_permalink();} ?>" target="_blank" title="Plus one this page on Google">+1</a>