How to add Flickr like mouseover notes on your blog images

Flickr has a very useful feature called Photo Notes that allow users to add text notes to specific regions on their images. If you move the mouse over these regions, the note is displayed. (See live example). Photo notes are very useful in tagging photos that has more than one story to tell. A common example is group photos, where photo notes are used to identify different persons in the photo.

Taggify is a web widget which allows bloggers and publishers to add such Flickr like photo notes to images on their site. Using Taggify you can define multiple regions on your photos and tag them with some title, description, link or another photo. When a visitor hovers the mouse over the tagged region, a tooltip pops up displaying the information.

Adding Taggify to your blog involves two steps.

The first step is to configure the colors of the tooltip box, the border, transparency etc and generate a JavaScript code based on your customization. The Javascript code goes to the template of your blog.

The second step is the add the Taggify Editor bookmarklet to your browser. This bookmarklet adds online note editing for images on your blog. You blog is now set to use Taggify.

taggify

To create a photo note, click on the saved bookmarklet and login to your Taggify account (oh! I forgot to mention that you will need to register at Taggify to use this service.) Draw rectangles on your photo with the mouse and add the notes. You can use some HTML tags like <i>, <a>, <b>, <u>, <font> and <img>. Also you can specify the URL that visitor will be redirected to (in a new window) when click on the region.

Watch the demo.

Comments

How to Record CPU and Memory Usage Over Time in Windows?

Whenever the computer is lagging or some application is taking too long to respond, we usually fire up task manager and look under the Performance tab or under Processes to check on processor utilization or the amount of free memory available. The task manager is ideal for real-time analysis of CPU and memory utilization. It even displays a short history of CPU utilization in the form of a graph. You get a small time-window, about 30 seconds or so, depending on how large the viewing area is.

How to Schedule Changes to Your Facebook Page Cover Photo

Facebook’s current layout, the so called Timeline, features a prominent, large cover photo that some people are using in a lot of different creative ways. Timeline is also available for Facebook Pages that people can use to promote their website or business or event. Although you can change the cover photo as often as you like, it’s meant to be static – something which you design and leave it for at least a few weeks or months like a redesigned website. However, there are times when you may want to change the cover photo frequently and periodically to match event dates or some special promotion that you are running or plan to run. So, here is how you can do that.

Diagram 101: Different Types of Diagrams and When To Use Them

Diagrams are a great way to visualize information and convey meaning. The problem is that there’s too many different types of diagrams, so it can be hard to know which ones you should use in any given situation. To help you out, we’ve created this diagram that lays out the 7 most common types of diagrams and when they’re best used:

Instant Fundas

Search This Blog