VisualizeUs official blog: Bookmark pictures that inspire you.

» official blog.   Also at , and tumblr!

back to VisualizeUs »

Badge with your favorites for your site

new things — Victor on May 25, 2008 at 2:47 pm
Share

Hi all!

Now you can display your last favorite images on your web page with this badge (aka, “widget”). It’s something a lot of you were asking for, and there wasn’t a really easy painless way to do it.

But now there is ;) Just select your options, like number of images to display or color scheme, and copy and paste the generated chunk of code into your website, where you’d want the badge to be. You can customize it even more if you know a little of CSS, styling it to match your site design without problems. This is how a typical badge would look like:

And here’s a working example on my blog. For the “I want to know more” tech guys, the widget is based on a JSON output of your content, which opens a lot of possibilities if you think of it as an small read only API. I will post about it in the future, giving more details.

Don’t wait more. Spread the word. Make your VisualizeUs badge now!.

update: I’ve fixed some minor errors in the badge CSS, nothing serious, but if you care about CSS validation, you may want to update your badge ;)

Share

15 Comments

  1. great, been waiting for this.
    Just love vi.sualize.us. Thank you

    Comment by jonka — May 28, 2008 @ 11:09 pm
  2. excellent!!!

    Comment by mo — June 3, 2008 @ 12:17 pm
  3. glad you like it guys!

    Comment by Victor — June 3, 2008 @ 12:27 pm
  4. YEAH!

    Comment by Denis — June 11, 2008 @ 10:31 pm
  5. Is it possible to use this wdget without >li>?
    I want show the last 6 images in 2 rows and have delete some code, the code with the tags but it doesn’t work :/

    vibes

    Comment by Denis — June 13, 2008 @ 7:06 pm
  6. Hi Denis, of course, you can customize it as you can. In fact, I have it in two rows in my blog.

    You don’t have to change the “li” thing, just using the CSS embed in the badge code you can achieve it. For example, coming back to my blog example, I only have to tweak the widh in the ul#visualizeus element, and adjust it to 285px, to get the two rows ;)

    Comment by Victor — June 13, 2008 @ 7:27 pm
  7. Big thanks Victor! :)

    Comment by Denis — June 13, 2008 @ 10:22 pm
  8. thanks for this opportunity.

    Comment by pakhee — June 20, 2008 @ 4:25 pm
  9. […] also allows anyone to register. They have firefox extension, bookmarklet and badge to show off your favorite images on your site. Safe browsing […]

  10. […] de una extensión para Firefox para guardar cualquier imagen en un solo clic, y de un widget que podemos embeber en nuestra web y compartir las imágenes […]

  11. […] debe tener cualquier web. Amigos, diferentes formas de seguirlo, nube de tags, extensión firefox, badgets elegantes. No es que no me guste, es que al final muchas redes sociales se van pareciendo demasiado. En plan […]

  12. […] a great alternative for those of you who can’t use the visualizeus badge in your sites or just simply prefer the plugin […]

    Pingback by visualizeus Wordpress plugin | visualizeus — December 17, 2008 @ 12:01 pm
  13. […] Zeit wieder etwas häufiger vi.sualize.us nutze und die Bilder hier reinhaben will, hab ich mir das Badge vom Victor nochmal angeschaut und wollte probieren ob ich das soweit mit CSS verändern kann das es mir […]

  14. […] que permite agregarla a Facebook, un plugin para WordPress y también un badge que podemos insertar en cualquier sitio web y que se puede personalizar casi por […]

  15. […] ahí, hay una aplicación que permite agregarla a Facebook, un plugin para WordPress y también un badge que podemos insertar en cualquier sitio web y que se puede personalizar casi por completo, […]

RSS feed for comments on this post.

Sorry, the comment form is closed at this time.

Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License. | theme based on barecity by Shahee Ilyas | VisualizeUs official blog: Bookmark pictures that inspire you.