« One more freebie this year. Just one. Maybe. There's a weekend left. | Main| Speaking of going way back... »

Snaps! to snap.com from SNAPPS

Category None

I've always wanted to say that.  OK not really, but the reference ("snaps!" - from Legally Blonde) certainly applies here.  You might have noticed that every now and then, I integrate a new feature into the BlogSphere template, usually to try out an Ajax library -- such as with my Lotusphere session posting -- or make it more visually appealing.  Well snap.com has given me a new toy called Snap Preview Anywhere and I have to say it's worth the price (free) and encourage all of my blogging colleagues to use it.  It's a great tooltip enhancement that presents an unobtrusive image of the target site.  Just roll over some of my blogroll entries, or a link on this or any posting, and you'll see.

It's smart, too.  Smart enough to determine whether a link should have a tooltip, cache images it has retrieved, and in case it hasn't retrieved the image yet, it will do so inline while you hover.

A picture named M2

The tooltip code is implemented as a call to an external (snap.com's site) JavaScript file, with parameters passed.  You have to provide a host name and your email address in order to get the code, but it's immediate.  You can optionally include a search bar at the bottom of the tooltip.  Once an image is retrieved, or if it's already cached by snap.com's servers, it gives the visitor an idea of where they're off to.

A picture named M3

Implementing the script tag is easy, it just needs to be in the head tag - or at least high up in the body tag where it is here.  In my case, using BlogSphere, I just added it to the center block HTML.  Go ahead and view source on my site, you'll see it near the top:

<script defer="defer" id="snap_preview_anywhere" type="text/javascript"
src="http://spa.snap.com/snap_preview_anywhere.js?ap=1&amp;
key=779d72df9d4ec849b5737edddaf27674&amp;sb=0&amp;
domain=www.lotusrockstar.com"></script>

Bloggers, go get it yourself. It took 2 minutes and has added a great new feature to my site.  Oh, the fun I get to have when we're prepping for Lotusphere!!!

Comments

Gravatar Image1 - This looks very cool! Do you know where I would add it using the IBM Domino Blog template? I placed it in the Banner HTML Block, but the previews only seem to be showing up for links on my left side navigator, not the links in the body of my posts.

Gravatar Image2 - Hey Alan,

Put it in the HTMLTop template block, just below the <head> tag. I got it to work there: http://www.lotusrockstar.com/blog.nsf

Gravatar Image3 - Thanks Rob. I tried, but it is still not working for most of the links on my pages. It does work on for the list of bloggers, but not links to other web pages.

Gravatar Image4 - Ok....Would everyone quit giving away the kewl tips I was going to show in my LS session!!!! LOL

Sean---

Gravatar Image5 - Rob,

This is great and it saves me tracking down Sean to ask him how he got it on his site <gr>.

Neil

Gravatar Image6 - I'd file this one under the, "just because you can, doesn't mean you should" category. Respectfully... not a fan of the Snap Preview Anywhere. (shrug)

Backstage Pass to Ask

Be With the Band

Follow me on Twitter!


Opt in to receive Rob's semi-regular newsletter about Quickr, Sametime, Free Stuff and Conferences. Just enter your email address below, you can unsubscribe at any time.

Subscribe to my newsletters...
Email:

On With The Show

Here is a list of the SNAPPS templates for Lotus Quickr and other free resources on QuickrTemplates.com:
Templates:
QContacts
QIdeas
QIssues
QMeeting
QPhotos
QPresent
QProject
QSite
QSurvey

Utilities:
AnyPlace SiteMap
AnyPlace ServerMap
AnyPlace Designer for Dreamweaver

Apps:
PandaBear: Cross-Platform File Management
Flippr: Lightweight Quickr Admin Client
SnappFiles: iPhone Client for Quickr, Filenet, ICM...

Downloads: 118,490
Countries: 162
Read about the templates in Intranet Journal
NEW: Some of the templates are now bona-fide products for Quickr 8.5.1! Check out my Sep 23 2011 entry for more!

Search

Googleage

  • No Search Referers