This short tutorial explains previous post more detailed. 

Let's imagine we have personal automitive blog. Our blog has main page containing hronological feed of entries and separate pages for each blog entry conianing complete post. Also old blog's entries go to archive divided on many pages too. Without sharing tags between pages we will need to re-create tags for each image many times for each type of pages. Using tags sharing it will need to create tags only once.

Step 1: Generate widget HTML code with "Scope" parameter

At first step we generate widget HTML code using the wizard and doing the same actions as described in the post "How to add advanced tooltips for people on your photo" with only difference:  we provide new parameter "Scope" that is simple string having clear meaning for you. As shown on the screenshot below scope may be even "abcde" string and it joins the set of pages sharing the same tags. 

New feature has been intoduced recently which allow to share tags for the same image between different pages.

Previously scope of the tag was restricted by the page where it is created. If you have the image which is displayed on 2 pages and want to show the same tags for it on both pages you was needed to create these tags twice for each page since tags created on one page didn't work on other page.

Now you have a possibility to share tags between pages without re-creating them for each page. For that use new Taggify wizard parameter named "Scope".

If two pages contain the widget code generated with the same value of parameter "Scope" then these pages will share tags for the same images. You will need to create tags for the image only once and then these tags will be shown for that image on all pages having the same parameter "Scope".

If you do not specify "Scope" parameter then widget will work as earlier, i.e. scope of tags will be restricted by the page of their creation.

It's very pleasant for Taggify service to be reviewed on MakeUseOf.com . You have to visit that great blog about cool websites, software and internet tips !

After a long long delay we are glad to release a new version of Taggify widget. New version  differs from old one a little bit, but contains few important fixes and features requested by our users many times : 

• New option is introduced which allows to turn-off labels below the image

  Earlier title for each tooltip you added to the image has been injected below the target image. Previously it was impossible to remove it and in some cases it broken desing. Now you have that option – just go to the new widget wizard , generate the html code with the option "No text labels below the image" and paste new HTML code to your webpage.
  
  

• Now you can specify background color for the tooltip’s body

  There is not great set of colors yet for your choise, but it will be extending continuosly. Hope it will help to fit widget in your design better. You can specify background color in 2 places - first time you specify default background color when you generate HTML code in widget wizard and second time you can change it when you edit tooltip using Taggify editor.
  
  
  Specify default tooltip's background in the widget's wizard
  
  
  Specify background for certain tooltip when editing it in Taggify editor
  
  

• The old annoying bug with tooltip “flickering” has been fixed

  Fixing of other bugs in progress ...
  

Enjoy new version and let us know at support@taggify.net if have any questions or problems.

Taggify.net Team. 

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 open Taggify Widget wizard, 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. 

Welcome to Taggify blog ! This blog will be helpful for those who are using Taggify web widget on their websites or blogs. Also we are planning to announce here our new widgets, tools and samples allowing your to add more web 2.0 behaviour to your site.  They are coming soon, stay tuned !

Also please feel free to contact us about any problems or bugs in Taggify widget. 

Taggify.Net Team.