Tools

Zootool Wordpress Plugin new

Johannes Lauter has created a nice Zootool-Wordpress-Plugin, which makes it easy to include your recent entries into the sidebar of your Wordpress blog.

Get it here ›

Zootool Badge for your Blog/Website

Do you have a blog or Website? It's super easy to add your latest entries from your Zoo to your blog. All you have to do, is to add the following HTML snippet to your blog template and spice it up with some CSS:

<div id="zootool-badge">
  <script type="text/javascript">

  var url = 'http://zootool.com/badge//?count=10&size=75';

  (function() {
    var zb = document.createElement('script');
    zb.src = url;
    zb.setAttribute('async', 'true');
    document.documentElement.firstChild.appendChild(zb);
  })();
  </script>
</div>

By default the badge shows your 10 most recent entries with a size of 100 x 100px. You can customize this by adding the following values to the url:

http://zootool.com/badge//?count=5&size=75&target=_blank&tag=design

count can be anything from 1 to 10
size can be anything from 50 to 150
with target=_blank all links will open in a new window
filter the list of items by adding tag=design for example

Here's some sample CSS to style your badge.
Please check out the simple demo as well.

#zootool-badge {
    width: 188px;
    line-height: 0px;
    overflow: hidden;
}
#zootool-badge img {
    border: 0px;
}
#zootool-badge ul {
    width: 200px;
    margin: 0px;
    padding: 5px;
}
#zootool-badge li {
    float: left;
    width: 75px;
    list-style: none;
    margin: 5px;
    border: 1px solid #9e9e9e;
    padding: 1px;
    background: #fff;
    -webkit-box-shadow: #d4d4d4 0px 0px 5px;
    -moz-box-shadow: #d4d4d4 0px 0px 5px;
}