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&pack=interfacedesign

Settings

count number of items to display, can be anything from 1 to 10
size size of the preview images, can be anything from 50 to 150
target add target=_blank to open all links in a new window
tag add a tag to filter the badge list by one of your tags
pack add a pack name to filter the badge list by one of your packs

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;
}

Advertisement via Ad Packs

Follow us on Twitter