New Identi.ca Share Button

RSS Feed - Comments↴ Author: Jacob Barkdull on Thursday, June 30 2011

Identi.ca still doesn't have a proper share button. For a long time I've looked for a good Identi.ca share button. One like Twitter's, one that: displays a count of posts, and lets people share the page with the post automatically containing the page title and URL. I looked so long without finding anything that I wrote one myself. And I've talked a little bit about the half-PHP-half-JavaScript Identi.ca share button that I wrote, but I really haven't shown it off or explained how to use it. It's kind of pointless to write it just for myself.

So allow me to explain a few things.

How It Looks

<-- Beauty, eh?
How It Works The button works by sending the current page URL to Identi.ca's search and counting how many times it appears in the JSON feed. That number is used to represent how many other people have "dented" something about the page. That number is also a link that links to a page to post a new notice containing the page title and URL. If you'd like a better understanding, the source code is here
The Button Code Either via JavaScript or an Iframe. Simply copy the lines for whichever method you like, paste them where you want in your HTML code. And you're done. Additionally, you may use a specific page title by adding "?title=<page title here>" after the "identishare.php", and/or use the secondary style by using "?style2", if you're using the Iframe code these options should be "&title=<page title here>" and "&style2" respectively. You may also host the files yourself, which I would recommend and appreciate.

The code you'll need to use the button on your website:

Default Style
- Use this code if you'd like to use JavaScript:
  
  <div id="identishare"></div><script type="text/javascript" src="http://www.tildehash.com/identishare.php" defer="defer"></script>
- Use this code if you'd like to use an iFrame:
  
  <iframe height="61" width="51" scrolling="no" frameborder="0" src="http://www.tildehash.com/identishare.php?noscript" border="0" marginheight="0" marginwidth="0" allowtransparency="true"></iframe>
- Use this code if you'd like to use an Object:
  
  <object type="text/html" data="http://www.tildehash.com/identishare.php?noscript" style="width: 51px; height: 61px; overflow: hidden;"></object>
Secondary Style (more like Twitter's)
- JavaScript code:
  
  <div id="identishare"></div><script type="text/javascript" src="http://www.tildehash.com/identishare.php?style2" defer="defer"></script>
- iFrame code:
  
  <iframe height="61" width="51" scrolling="no" frameborder="0" src="http://www.tildehash.com/identishare.php?noscript&style2" border="0" marginheight="0" marginwidth="0" allowtransparency="true"></iframe>
- Object code:
  
  <object type="text/html" data="http://www.tildehash.com/identishare.php?noscript&style2" style="width: 51px; height: 61px; overflow: hidden;"></object>
Default Style (wide)
- JavaScript code:
  
  <div id="identishare"></div><script type="text/javascript" src="http://www.tildehash.com/identishare.php?wide" defer="defer"></script>
- iFrame code:
  
  <iframe height="28" width="130" scrolling="no" frameborder="0" src="http://www.tildehash.com/identishare.php?noscript&wide" border="0" marginheight="0" marginwidth="0" allowtransparency="true"></iframe>
- Use this code if you'd like to use an Object:
  
  <object type="text/html" data="http://www.tildehash.com/identishare.php?noscript&wide" style="width: 51px; height: 61px; overflow: hidden;"></object>
Default Style (wide & small)
- JavaScript code:
  
  <div id="identishare"></div><script type="text/javascript" src="http://www.tildehash.com/identishare.php?wide&small" defer="defer"></script>
- iFrame code:
  
  <iframe height="20" width="100" scrolling="no" frameborder="0" src="http://www.tildehash.com/identishare.php?noscript&wide&small" border="0" marginheight="0" marginwidth="0" allowtransparency="true"></iframe>
- Object code:
  
  <object type="text/html" data="http://www.tildehash.com/identishare.php?noscript&wide&small" style="width: 51px; height: 61px; overflow: hidden;"></object>

A Few Sites Using The Button Note: some of these sites use an older version of the button.

Softcatalà
Ethical Pets
Cuslanz
Inconstant Moon

Emmabuntüs' Blog
JRobb.org
Jason's Chatter
Tekkit Crunch

Fyns Linux User Group
Metztli IT Blog
Planet Communia
Duh Časa

Help Me Out Please help me improve the button, if you make improvements please send them my way. "Perfect" isn't a word I would use when describing this button. It is perfectly functional, but it doesn't do a few important things, like count short URLs. And the fact that it's reading an Atom feed instead of accessing the information some other way (like Identi.ca's API, or something) is a problem, and seems to be rather slow. However, I think it is still the best button around currently.

Another thing you can do to help me out is host the files yourself. It's okay if you want to use this button as-is, but please host the files yourself if you are able. I'd just rather not have my server doing the work. These are the files you'll need: identishare.zip

Also, you can help me by Flattring this page.

Thank you. And enjoy :)

Share This:

Syndication:

Advertisements:

GNU/Linux systems with software you need already installed!

GNU/Linux Tech

Advertise Here

Partners & Friends:

Translations ^(Google)

Česky · 简体中文 · 日本語
Español · العربية · Deutsch
русский · 한국어 · Italiano
Français · Português

What Is This Place?

TildeHash is a website for Tech articles revolving around Free Software and Unix/Unix-like operating systems, written by Jacob Barkdull and various contributors, respectively. Meaning, Free Software (or Open Source); and GNU/Linux (or simply Linux), BSD, OpenSolaris, or Haiku; respectively. The main goal of TildeHash is to be different -- the name alone is a little different (explanation here) -- but to do it in a useful way.

TildeHash is about discussing Free Software topics that are beneficial to our community, topics that are largely not discussed nor shown. "Free Software" is also often called "Open Source Software". In practice the requirements are identical, although because the term "open" doesn't call to mind freedom, it misses the point.

List of Articles >>