Taggify Blog

How to share tags between pages tutorial

Taggify — Sat, 12 Sep 2009 00:11:00 -0800

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.

After code generated you need to add it to all pages those will share the same tags set. In our case those pages are main page, archive pages and blog post template.

Step 2: Create new post and visual tags

Our post will contain Tramontana R Edition custom car photo taken on nice website BurnMyCar.com containing a lot of tuning, custom and official cars photos. We would like to describe some parts of the picture to explain some technical details of the vehicle using Taggify tooltip.

After post is created let's add tooltip which marks and describes car's engine on the photo. It's enough to create visual tag only once on the post page. You can see how it looks moving mouse over the picture below.

Step 3: It's all

Actually it's all - now this picture will automatically get the same visual tags on every page where you installed the widget code generated at step #1 , i.e. on the post page, main page and all archive pages.

Enjoy!

Share tags between pages

Taggify — Fri, 11 Sep 2009 21:12:00 -0800

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.

NOTE: Please use "Scope" parameter with a caution since it may affect on how fast your website is loading in the browser.

Imagine your website has a lot of pages each containing many images with many tags. If most of images are presented on single page only but all pages share the same "scope" then it will cause a lot of unnecessary traffic from server to visitor's browser for sending all tags for all existent images for each page and the website will be loading slowly.

Use the same scope parameters only for pages having the same images with the same tags.

Taggify is reviewed on MakeUseOf.com

Taggify — Sun, 17 May 2009 00:40:00 -0800

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 !

New version of Taggify widget is available

Taggify — Mon, 09 Mar 2009 20:03:00 -0800

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.

How to add advanced tooltips for people on your photo

Taggify — Thu, 17 Jan 2008 00:02:00 -0800

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 !

Taggify — Tue, 15 Jan 2008 18:00:00 -0800

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.