Contact

admin

About Me · Send mail to the author(s) E-mail · Twitter

At GROSSWEBER we practice what we preach. We offer trainings for modern software technologies like Behavior Driven Development, Clean Code and Git. Our staff is fluent in a variety of languages, including English.

Feed Icon

Tags

Open Source Projects

Archives

Blogs of friends

Now playing [?]

Error retrieving information from external service.
Audioscrobbler/Last.fm

ClustrMap

WebSnapr

Posted in General at Friday, October 27, 2006 11:38 PM W. Europe Daylight Time

WebSnapr of this pageGunnar (back from a two-month vacation in India) pointed me to a Web 2.0-ish service named WebSnapr. The service basically does what you might know from Alexa and the CustomizeGoogle extension for Firefox: It creates thumbnails of websites that can be embedded in your blog. Neat!

Update: Gunnar suggested integrating WebSnapr into the blog itself, which is easy. Just reference the WebSnapr JavaScript file in the blog template. dasBlog users having the "Unique title" option turned on (that is, the year, month and day of the post are included in the path), please be sure to include the script in your homeTemplate.blogtemplate as follows:

<script type="text/javascript" src="<URL to your blog>scripts/previewbubble.js"></script>

Replace <URL to your blog> with the actual URL of your dasBlog instance. If you use a relative URL and have the aforementioned option turned on this will result in a HTTP/404 for the requested JavaScript file.

Future versions of dasBlog will be likely to support the BaseUrl macro which returns, well … the base URL of your blog! I've just checked in the macro code.

<script type="text/javascript" src="<% BaseUrl %>scripts/previewbubble.js"></script>

Now assign the previewlink class to each anchor that should be previewed. Try it out by moving your mouse over these links: Microsoft, CNN, Google.

I was wondering why the WebSnapr scripts (here's another one with more eye candy) use the class attribute to mark the links as to be previewed. I consider the rel attribute more appropriate because various microformats and LightBox are using them. Rel also integrates better with Windows Live Writer as is displays a rel ComboBox in the "Insert Hyperlink" window.

Another update: dasBlog supports a feature called Click-Through which basically tracks all links clicked inside your blog posts. It's a nice feature that allows the blogger to stay informed what kind of content readers like. If Click-Through is turned on, all URLs inside blog entries will be replaced with <URL to your blog>/ct.ashx?id=<Blog entry ID>&url=<URL-encoded original URL> which of course breaks WebSnapr previews.

The updated WebSnapr script includes a fix for Click-Throughs by simply removing the prepended Click-Through URL and decoding the original link URL.

DownloadDownload an updated WebSnapr JavaScript library that supports the rel attribute and dasBlog Click-Throughs.

Now playing: Bonobo - Days to come - Between the lines (featuring Bajka)

Friday, January 12, 2007 7:48:34 AM (W. Europe Standard Time, UTC+01:00)
Danke. :-)
Tuesday, June 03, 2008 6:21:14 AM (W. Europe Daylight Time, UTC+02:00)
snapcasa serves about 21K snapshots daily to two of my domains. They are as reliable as websnapr but do not have the watermark or the horrible ad like websnapr. Other services were constantly down. I have used snapcasa for two months now and am very happy.
MJ
All comments require the approval of the site owner before being displayed.
(will show your gravatar icon)
 
[Captcha]Enter the code shown (prevents robots):

Live Comment Preview