Freebies: Floating Share Buttons (for Blogspot)

These convenient sharing buttons open: Pinterest, FB like, Twitter, Tumblr, StumbleUpon, and WeHeartIt. 

Please comment below if you use these!

Ice Cream Cone

This floats on the bottom left of your screen; it is a single image that utilizes image maps and bookmarklet URLs.

1. Replace "IMAGE URL" with the image you want (right-click, copy image location)
2. Create a new HTML/Javascript widget and paste the code.

2. To adjust the position, change the percentage values for bottom:0%; and left:0%; you can also use top:0% or right:0%; (any combination of top/bottom and left/right should work).

Small

<style>/*-------Widget by Tights-And-Tea.blogspot.com, please credit and follow--------*/ #tightsandtea { position:fixed; bottom:0%; left:0%; z-index:10; float:right; padding-bottom:0px; } </style><div id="tightsandtea"><div style="text-align:center; width:50px; margin-left:auto; margin-right:auto;"><img id="Image-Maps_5201203311237232" src="IMAGE URL" usemap="#Image-Maps_5201203311237232" border="0" width="50" height="212" alt="" /><map id="_Image-Maps_5201203311237232" name="Image-Maps_5201203311237232"><area shape="rect" coords="0,129,50,156" href="javascript:void((function(){var%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','utf-8');e.setAttribute('src','http://weheartit.com/bookmarklet.js');document.body.appendChild(e)})());" alt="" title="" /><area shape="rect" coords="0,106,50,133" href="javascript:document.location='http://www.stumbleupon.com/url/'+document.location.href.substring(7)" alt="" title="" /><area shape="rect" coords="0,80,50,107" href="javascript:var%20d=document,w=window,e=w.getSelection,k=d.getSelection,x=d.selection,s=(e?e():(k)?k():(x?x.createRange().text:0)),f='http://www.tumblr.com/share',l=d.location,e=encodeURIComponent,p='?v=3&u='+e(l.href)%20+'&t='+e(d.title)%20+'&s='+e(s),u=f+p;try{if(!/^(.*.)?tumblr[^.]*$/.test(l.host))throw(0);tstbklt();}catch(z){a%20=function(){if(!w.open(u,'t','toolbar=0,resizable=0,status=1,width=450,height=430'))l.href=u;};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();}void(0)" alt="" title="" /><area shape="rect" coords="0,56,50,86" href="javascript:(function(){TwitThisPop=window.open(%22http://twitter.com/share?url=%22+encodeURIComponent(location.href)+%22&source=bookmarklet&title=%22+((document.title)%20?%20encodeURIComponent(document.title.replace(/^\s*|\s*$/g,%27%27))%20:%20%22%22),%20%22TwitThisPop%22,%20%22width=600,%20height=250,%20location,%20status,%20scrollbars,%20resizable,%20dependent=yes%22);%20setTimeout(%22TwitThisPop.focus()%22,%20100);%20})()" alt="" title="" /><area shape="rect" coords="0,33,50,63" href="javascript:var%20e=document.createElement('script');e.setAttribute('language','javascript');e.setAttribute('src','http://kortina.net/labs/facebook-like.js?t='+(new%20Date()).getFullYear().toString()+(new%20Date()).getMonth().toString()+(new%20Date()).getUTCDate().toString());document.body.appendChild(e);void(0);" alt="" title="" /><area shape="rect" coords="0,0,50,36" href="javascript:void((function(){var%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','utf-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());" alt="" title="" /><area shape="rect" coords="0,167,50,207" href="http://tights-and-tea.blogspot.com/p/blog-resources.html" alt="get this" title="get this" /></map></div></div>

Large

<style> /*-------Widget by Tights-And-Tea.blogspot.com, please credit and follow--------*/ #tightsandtea { position:fixed; bottom:0%; left:0%; z-index:10; float:right; padding-bottom:0px; } </style> <div id="tightsandtea"><div style="text-align:center; width:91px; margin-left:auto; margin-right:auto;"><img id="Image-Maps_6201203311333309" src="IMAGE URL" usemap="#Image-Maps_6201203311333309" border="0" width="91" height="386" alt="" /> <map id="_Image-Maps_6201203311333309" name="Image-Maps_6201203311333309"> <area shape="rect" coords="0,235,86,285" href="javascript:void((function(){var%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','utf-8');e.setAttribute('src','http://weheartit.com/bookmarklet.js');document.body.appendChild(e)})());" alt="" title="" /> <area shape="rect" coords="0,189,86,239" href="javascript:document.location='http://www.stumbleupon.com/url/'+document.location.href.substring(7)" alt="" title="" /> <area shape="rect" coords="0,100,86,150" href="javascript:(function(){TwitThisPop=window.open(%22http://twitter.com/share?url=%22+encodeURIComponent(location.href)+%22&source=bookmarklet&title=%22+((document.title)%20?%20encodeURIComponent(document.title.replace(/^s*|s*$/g,%27%27))%20:%20%22%22),%20%22TwitThisPop%22,%20%22width=600,%20height=250,%20location,%20status,%20scrollbars,%20resizable,%20dependent=yes%22);%20setTimeout(%22TwitThisPop.focus()%22,%20100);%20})()" alt="" title="" /> <area shape="rect" coords="0,54,86,104" href="javascript:var%20e=document.createElement('script');e.setAttribute('language','javascript');e.setAttribute('src','http://kortina.net/labs/facebook-like.js?t='+(new%20Date()).getFullYear().toString()+(new%20Date()).getMonth().toString()+(new%20Date()).getUTCDate().toString());document.body.appendChild(e);void(0);" alt="" title="" /> <area shape="rect" coords="0,146,86,193" href="javascript:var%20d=document,w=window,e=w.getSelection,k=d.getSelection,x=d.selection,s=(e?e():(k)?k():(x?x.createRange().text:0)),f='http://www.tumblr.com/share',l=d.location,e=encodeURIComponent,p='?v=3&u='+e(l.href)%20+'&t='+e(d.title)%20+'&s='+e(s),u=f+p;try{if(!/^(.*.)?tumblr[^.]*$/.test(l.host))throw(0);tstbklt();}catch(z){a%20=function(){if(!w.open(u,'t','toolbar=0,resizable=0,status=1,width=450,height=430'))l.href=u;};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();}void(0)" alt="" title="" /> <area shape="rect" coords="0,0,86,55" href="javascript:void((function(){var%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','utf-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());" alt="" title="" /><br /> <area shape="rect" coords="0,355,86,381" href="http://tights-and-tea.blogspot.com/p/blog-resources.html" alt="get this" title="get this" /></map> </div></div>

DIY

{you could hypothetically customize the images to link anything you want, like your own posts, tags, etc.}

1. Copy the following images and edit accordingly; save the image as a PNG. If you're a student, your university might offer free Photoshop. If not, you can use Gimp or Aviary.

2.  Right-click and copy the URLs for the following bookmarklets, or use your own.

Facebook | Twitter | Pin It | We Heart It | StumbleUpon | Tumblr 

2. Use this image mapping website to create your own image map. When you input a URL, use the bookmarklet URLs. Copy the code.

3. Add this code to the beginning:
<style> /*-------Small Widget by Tights-And-Tea.blogspot.com, please credit and follow <3--------*/ #tightsandtea { position:fixed; bottom:0%; left:3%; z-index:10; float:right; padding-bottom:0px; } </style> <div id="tightsandtea">

4. And this code to the end:
  </div>

5. Upload the whole code into an HTML/Javascript widget.

Fabric Scraps

These float on the top left of your screen; they are separate images with bookmarklet URLs.

1. Right-click and copy the image URLs for either the large or small buttons; replace "FB URL", "TUMBLR URL", etc. with image URLs.

2. Create a new HTML/Javascript widget and paste the code.

2. To adjust the position, change the percentage values for top:0%; and left:0%;

Small:

Large:

Vertical:

<style>/*-------Widget by Tights-And-Tea.blogspot.com, please credit and follow--------*/ #floatdiv { position:fixed; top:0%; left:0%; z-index:10; float:right; padding-bottom:0px; } </style><br /> <div id="floatdiv"><table cellpadding="0px" cellspacing="0"><tr><td style="padding:0px;"><a href="javascript:var%20e=document.createElement('script');e.setAttribute('language','javascript');e.setAttribute('src','http://kortina.net/labs/facebook-like.js?t='+(new%20Date()).getFullYear().toString()+(new%20Date()).getMonth().toString()+(new%20Date()).getUTCDate().toString());document.body.appendChild(e);void(0);"><img border="0" src="FB URL" alt=""/></a></td></tr> <tr><td style="padding:0px;"><a href="javascript:void((function(){var%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','utf-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());"><img border="0" src="PINTEREST URL" alt=" "/></a></td></tr> <tr><td style="padding:0px;"><a href="javascript:var%20d=document,w=window,e=w.getSelection,k=d.getSelection,x=d.selection,s=(e?e():(k)?k():(x?x.createRange().text:0)),f='http://www.tumblr.com/share',l=d.location,e=encodeURIComponent,p='?v=3&u='+e(l.href)%20+'&t='+e(d.title)%20+'&s='+e(s),u=f+p;try{if(!/^(.*\.)?tumblr[^.]*$/.test(l.host))throw(0);tstbklt();}catch(z){a%20=function(){if(!w.open(u,'t','toolbar=0,resizable=0,status=1,width=450,height=430'))l.href=u;};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();}void(0)"><img border="0" src="TUMBLR URL" alt=" "/></a></td></tr> <tr><td style="padding:0px;"><a href="javascript:(function(){TwitThisPop=window.open(%22http://twitter.com/share?url=%22+encodeURIComponent(location.href)+%22&source=bookmarklet&title=%22+((document.title)%20?%20encodeURIComponent(document.title.replace(/^\s*|\s*$/g,%27%27))%20:%20%22%22),%20%22TwitThisPop%22,%20%22width=600,%20height=252,%20location,%20status,%20scrollbars,%20resizable,%20dependent=yes%22);%20setTimeout(%22TwitThisPop.focus()%22,%20100);%20})()"><img border="0" src="TWITTER URL" alt=" "/></a></td></tr> <tr><td style="padding:0px;"><a href="javascript:void((function(){var%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','utf-8');e.setAttribute('src','http://weheartit.com/bookmarklet.js');document.body.appendChild(e)})());"><img border="0" src="WEHEARTIT URL" alt=" "/></a></td></tr> <tr> <td style="padding:0px;"><a href="javascript:document.location='http://www.stumbleupon.com/url/'+document.location.href.substring(7)"><img border="0" src="STUMBLEUPON URL" alt=" "/></a></td></tr> <a href="http://tights-and-tea.blogspot.com/p/blog-resources.html">.</a></table></div> 

 Horizontal:

<style> /*-------Widget by Tights-And-Tea.blogspot.com, please credit and/or follow <3--------*/ #floatdiv { position:fixed; top:0%; left:0%; z-index:10; float:right; padding-bottom:2px; } </style> <div id="floatdiv"><a href="javascript:var%20e=document.createElement('script');e.setAttribute('language','javascript');e.setAttribute('src','http://kortina.net/labs/facebook-like.js?t='+(new%20Date()).getFullYear().toString()+(new%20Date()).getMonth().toString()+(new%20Date()).getUTCDate().toString());document.body.appendChild(e);void(0);"> <img border="0" src="FB URL" alt=""/> </a> <a href="javascript:void((function(){var%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','utf-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());"> <img border="0" src="Pinterest URL" alt=" "/> </a> <a href="javascript:var%20d=document,w=window,e=w.getSelection,k=d.getSelection,x=d.selection,s=(e?e():(k)?k():(x?x.createRange().text:0)),f='http://www.tumblr.com/share',l=d.location,e=encodeURIComponent,p='?v=3&u='+e(l.href)%20+'&t='+e(d.title)%20+'&s='+e(s),u=f+p;try{if(!/^(.*\.)?tumblr[^.]*$/.test(l.host))throw(0);tstbklt();}catch(z){a%20=function(){if(!w.open(u,'t','toolbar=0,resizable=0,status=1,width=450,height=430'))l.href=u;};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();}void(0)"> <img border="0" src="TUMBLR URL" alt=" "/> </a> <a href="javascript:(function(){TwitThisPop=window.open(%22http://twitter.com/share?url=%22+encodeURIComponent(location.href)+%22&source=bookmarklet&title=%22+((document.title)%20?%20encodeURIComponent(document.title.replace(/^\s*|\s*$/g,%27%27))%20:%20%22%22),%20%22TwitThisPop%22,%20%22width=600,%20height=252,%20location,%20status,%20scrollbars,%20resizable,%20dependent=yes%22);%20setTimeout(%22TwitThisPop.focus()%22,%20100);%20})()"> <img border="0" src="TWITTER URL" alt=" "/></a> <a href="javascript:void((function(){var%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','utf-8');e.setAttribute('src','http://weheartit.com/bookmarklet.js');document.body.appendChild(e)})());"> <img border="0" src="WEHEARTIT URL" alt=" "/> </a> <a href="javascript:document.location='http://www.stumbleupon.com/url/'+document.location.href.substring(7)"> <img border="0" src="STUMBLEUPON URL" alt=" "/> </a> <a href="http://tights-and-tea.blogspot.com/p/blog-resources.html"> </a> </div> 

Did you use these? Post your blog below!