Hi All
Apologies to those of you who talk html with native speakers' ease. This
is in case others on this list, like me, don't.
The simplest way to add a picture in a Digital Divide Network blog entry
is to use the dialogue box for uploading pictures below the entry you
have written: the picture will appear top-left. That's fine in most
cases (1).
In some instances, though, it might be nice/convenient/funny to add a
mouse-over caption, i.e. a text that appears when you place the mouse
pointer on the picture without clicking.
You can do that by using a picture previously uploaded in a
http://flickr.com/ album, directly in the entry text.
A) If you don't have an album at flickr, creating one and uploading
pictures there is easy: if you have a yahoo ID, you can use it to create
the album.
B) Once you have uploaded the picture in your flickr album, click on it,
then click on "All sizes" above it: in the new page, a chunk of code for
adding the picture to the source of any blog entry appears in a box
under the picture.
C) Copy-paste the chunk of code in the DDN blog entry you are
writing/editing, where you want the picture to appear.
D) In the chunk of code, look for the title tag, which commands the
mouse-over text.
E) Replace the text of the title tag with the one you want to appear as
mouse-over caption.
F) Finish editing your entry and save it (2).
PS I found out about the flickr.com trick because I made another blog
(3) at www.iobloggo.com, which has an Italian editing interface. A boon
in Ticino, where many people are not at ease with editing instructions
in English. Besides, iobloggo.com was started by a student in
communications studies at Università della Svizzera Italiana
www.unisi.ch and it's great to have something really useful created by a
local student.
But in order to add a picture to a iobloggo.com blog, you have to upload
it somewhere else first. That's why I opened a flickr.com account and
how I found out about the possibility to use the chunk of code (see C)
to make a mouse-over caption.
cheers
Claude
(1) For a picture added using the uploading dialogue box, see e.g.
<http://www.digitaldivide.net/blog/Claude/view?PostID=10803>
(2) For a picture with mouse-over caption added by using the modified
flickr.com chunk of code, see e.g.
<http://www.digitaldivide.net/blog/Claude/view?PostID=10876>. The
original chunk of code (see C) read:
<a href="http://www.flickr.com/photos/[EMAIL PROTECTED]/95120672/"
title="Photo Sharing"><img
src="http://static.flickr.com/19/95120672_662ad0f760_o.gif"; width="400"
height="326" alt="Mauro Biani Caricature" /></a>.
I replaced "Photo Sharing" with the English translation of the Italian
text in the cartoon.
(3) http://cavoliamerenda.iobloggo.com. "Cavoli a merenda" literally
means "cabbages for an afternoon snack", but figuratively, it means
"off-topic" - which suited me as I didn't want to stick to a single topic.
--
Claude Almansi
Castione, Switzerland
claude.almansi @ bluewin.ch
http://www.adisi.ch
http://www.digitaldivide.net/profile/Claude
http://www.digitaldivide.net/blog/claude
http://www.digitaldivide.net/community/languages
_______________________________________________
DIGITALDIVIDE mailing list
[email protected]
http://mailman.edc.org/mailman/listinfo/digitaldivide
To unsubscribe, send a message to [EMAIL PROTECTED] with the word UNSUBSCRIBE
in the body of the message.
![http://static.flickr.com/19/95120672_662ad0f760_o.gif"](http://static.flickr.com/19/95120672_662ad0f760_o.gif"){kind=link}