This post demonstrates how you can use Taggify widget to enhance your blog with nice functionality showing popup tooltips for people on your photos.
Let's add notes for 2 well-known men on the photo below so people far from IT industry do not mix them up while reading our blog. Move mouse over the image and notes below it to see how it looks in live.
(Photo taken from All Things Digital blog)
Step 1: Install Taggify Widget on Your Site
First of all you have to install Taggify widget on your blog. Just singup for Taggify account, customize widget appearance and copy / past its code to the bottom of your site before the closing </BODY> tag.
Step 2: Add Taggify Editor bookmarklet to your Favorites
Now you may add Taggify Editor bookmarklet to your favorites for fast on-line editing of image notes. Just do right-click on This link and select "Add to Favorites" command from popup menu. The best practice is to add bookmarklet to browser's Links toolbar as on image below
Step 3: Authorize with Taggify Editor
Before you start editing notes for images on your site you have to authorize. Launch Taggify Editor by click on stored bookmarklet and enter your login / password those you signed up with.
Step 4: Mark Out Persons on the Photo
Now we will designate our persons on the photo with bounding rectangles. For that click on photo at the top-left point of creating rectangle and holding mouse button drag rectange to having required size. Later you can always resize bounding rectangle by dragging it by handles.
Step 5: Add Textual Notes for the Person
Now it's time to add textual notes for designated person. Straight away after you have created new bounding rectangle the widget shows editing form that you have to fill with your notes. There is only one obligatory field - the "Title", other fields are optional. You can use some HTML tags in the "Text" field - <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. Let's add some brief information about these people from Wikipedia and make reference to the original articles.
Now the photo is associated with tooltips describing people on it so your visitors obtain additional information quickly without going to other places and leaving your site.
It's all - adding a notes describing objects on your photos takes a minute using Taggify widget ! We welcome your feedback - please feel free to comment functionality or problems you encountered .
Taggify.net Team.