Tutti gli articoli di faberfoto

Guida – Il Codice UBB con iStockPhoto 2

Abbiamo già visto come inserire link ed immagini con i codici UBB su iStockPhoto, ma ci sono altri comandi che possiamo utilizzare per rendere più accattivanti i nostri messaggi.

Anche questi comandi sono sempre compresi all’interno delle parentesi quadre e per ogni tag di comando esiste il corrispondente tag di chiusura.

Carattere (font)
[font=verdana]Carattere Verdana[/font]
[font=times]Carattere Times[/font]
[font=arial] Carattere Arial[/font]
[font=courier] Carattere Courier[/font]

Stile del Carattere (Font style)
[b]Neretto (bold)[/b]
[i]Corsivo (italic)[/i]
[u]Sottolineato (underline)[/u]

Corpo del testo (grandezza)
[size=20]Testo corpo 20[/size]
[size=15]Testo corpo 15[/size]
[size=10]Testo corpo 10[/size]
[size=7]Testo corpo 7[/size]

Allineamento
[align=center]Centro[/align]
[align=left]
Sinistra[/align]
[align=right]
Destra[/align]

Colori
[color=blue]Colore Azzurro[/color]
[color=red]Colore Rosso[/color]
[color=green]Colore Verde[/color]
[color=yellow]Colore Giallo/color]
[color=purple]Colore Viola[/color]
[color=orange]Colore Arancio[/color]
[color=pink]Colore Rosa[/color]
[color=skyblue]Colore Celeste[/color]
[color=lime]Colore Verde Acceso[/color]
[color=navy]Colore Blu Notte[/color]
[color=gold]Colore Oro / Ocra[/color]
[color=silver]Colore Argento / Grigio[/color]

Inserire un email
[email]nome@vostrosito.xx[/email]

Stay Tuned!

Guida – Il Codice UBB con iStockPhoto 1

iStockPhoto accetta la formattazione UBB. Questo consente agli utenti di inserire link e immagini nel profilo utente o nella descrizione delle foto. Il codice UBB è una serie di comandi – sempre all’interno di parentesi quadre – che indica al browser cosa deve visualizzare. Vediamo come è scritto il codice per indicare un link:

[url=http://www.faberfoto.com]Visita il mio sito.[/url]

Il comando si divide in tre parti:

  1. [url=http://www.faberfoto.com] questo codice definisce il link a www.faberfoto.com (questa parte del comando è invisibile).
  2. Visita il mio sito. questo è il link visibile e sensibile.
  3. [/url] questo tag di chiusura termina il comando, quello che segue non è più un link (anche questo comando è invisibile).

Ecco quello che apparirà:
Visita il mio sito.

Se vogliamo visualizzare un’immagine i comandi sono [img] e [/img] quindi:

[img]http://www.faberfoto.com/avatar.jpg[/img]

Ecco quello che apparirà:

Chiaramente i codici si possono usare in combinazione tra di loro per ottenere messaggi e link molto efficaci. Possiamo sostituire la frase “Visita il mio sito.” con un’immagine (il codice deve essere senza spazi né accapo):

[url=http://www.faberfoto.com][img]http://www.faberfoto.com/
avatar.jpg[/img][/url]

Il link appena creato apparirà così:

Link tra immagini simili

Se si hanno diverse varianti di un’immagine, possiamo utilizzare il codice UBB per inserire nella descrizione di ogni immagine il link per le altre.
  1. Copiamo il seguente codice su un file di testo:
    [url=http://www.istockphoto.com/file_closeup.php?id=XXXXXXX][img]http://www.istockphoto.com/file_thumbview_approve.php?size=1&id=XXXXXXX[/img][/url]
  2. Sostituiamo le “X” con il numero ID (senza il simbolo “#”) della prima immagine della serie.
  3. Ripetiamo il procedimento per tutte le immagini.

guida-ubb-codes-1

Dovremmo ottenere un codice simile (ricordatevi che il codice deve essere senza spazi né accapo):

[url=http://www.istockphoto.com/file_closeup.php?id=8253283][img]http://www.istockphoto.com/file_thumbview_approve.php?size=1&id=8253283[/img][/url] [url=http://www.istockphoto.com/file_closeup.php?id=8578218][img]http://www.istockphoto.com/file_thumbview_approve.php?size=1&id=8578218[/img][/url] [url=http://www.istockphoto.com/file_closeup.php?id=8253011][img]http://www.istockphoto.com/file_thumbview_approve.php?size=1&id=8253011[/img][/url] [url=http://www.istockphoto.com/file_closeup.php?id=8261110][img]http://www.istockphoto.com/file_thumbview_approve.php?size=1&id=8261110[/img][/url]

Su iStockPhoto apriamo la pagina di modifica della prima immagine della serie e incolliamo il codice UBB appena creato nel campo descrizione. Possiamo anche aggiungere un piccolo testo prima del codice. Nell’esempio: “Similar pictures from my portfolio:”.

guida-ubb-codes-2

Salviamo le modifiche e andiamo a ricontrollare l’immagine, adesso abbiamo i nostri link con l’anteprima dell’immagine.

Copiamo lo stesso codice in tutte le immagini della serie e il gioco è fatto!

guida-ubb-codes-3


Link ad una Lightbox

Possiamo utilizzare lo stesso metodo per creare un link ad una lightbox. Quello che cambia è l’indirizzo all’interno del tag [url=]. Ogni Lightbox (sia Pubblica che Privata) è identificata da un numero ID. Quindi:

  1. Copiamo il seguente codice su un file di testo: [url=http://www.istockphoto.com/file_search.php?action=file&lightboxID=XXXXXXX]La mia raccolta di immagini[/url]
  2. Su iStockPhoto andate nella Lighbox, copiamo il numero ID dalla barra dell’indirizzo del browser e inseriamolo nel codice al posto delle “X“:
  3. Cambiamo il testo “La mia raccolta di immagini” con uno più corrispondente alle immagini collegate.
  4. Non ci resta che incollare il codice nelle descizioni delle immagini, come descritto precedentemente.

istock-ubb-5

In alternativa al testo possiamo chiaramente usare un’immagine. Ecco il codice con inseriti i tag per l’immagine: [url=http://www.istockphoto.com/file_search.php?action=file&lightboxID=XXXXXXX][img]YYYYYYY[/img][/url]

Finora abbiamo utilizzato immagini presenti in iStockPhoto, ma possiamo utilizzare qualsiasi immagine, a condizione che sia già sul web (se non avete uno spazio sul web posso ospitarle io) e che sia massimo 380 pixel di base.

  1. Prepariamo l’immagine a nostro piacimento e mettiamola online.
  2. Apriamo il browser e controlliamo che venga visualizzata correttamente.
  3. Copiamo dalla barra del browser tutto l’indirizzo web e incolliamolo nel codice UBB al posto delle “Y” (sempre senza spazi né accapo).
  4. Per finire mettiamo il codice nelle descrizioni delle immagini.

istock-ubb-7

Questa è la visualizzazione del link e del codice UBB dell’esempio:


[url=http://www.istockphoto.com/file_search.php?action=file&lightboxID=6285922][img]http://www.faberfoto.com/is/avatar-380.jpg[/img][/url]

istock-ubb-8

Link con una Ricerca

Un altro modo per creare dei link alle immagini è sfruttare il motore di ricerca di iStockPhoto. Questo metodo è molto efficiente perché, dato che la visualizzazione è legata alle keywords delle immagini, il link sarà sempre aggiornato anche se aggiungeremo nuove immagini (con le stesse keywords), senza bisogno di inserirle in nessuna lightbox.
Anche in questo caso dobbiamo cambiare solo l’indirizzo all’interno del tag [url=]:

istock-ubb-9

  1. Copiamo il codice seguente in un file di testo: [url=XXX][img]YYY[/img][/url]
  2. Visualizziamo il portfolio.
  3. Inseriamo nel campo “ricerca” le keywords che ci interessano facendo attenzione a spuntare la casella “Cerca dentro Portfolio” e avviamo la ricerca.
  4. Potrebbe essere necessario effettuare più volte la ricerca aggiungendo le funzioni boleane AND e NOT, ad esempio “marmo AND sfondo” oppure “marmo NOT statua“.
  5. Quando, a seguito della ricerca, visualizziamo le foto che ci interessano, copiamo l’URL dalla barra degli indirizzi del browser, e lo incolliamo nel codice UBB al posto delle “X
  6. Al posto delle “Y” inseriamo il link per l’immagine.

Il codice avrà un aspetto del genere, non bisogna preoccuparsi, funzionerà!
[url=http://www.istockphoto.com/file_search.php?action=file&text=movie&oldtext
=&textDisambiguation=&oldTextDisambiguation=&majorterms=%7B%22csv
%22%22%2C%22conjunction%22%3A%22AND%22%7D&fileTypeSizePrice=
%5B%7B%22type%22%3A%22Image%22%2C%22size%22%3A%22All%22
%2C%22priceOption%22%3Anull%7D%2C%7B%22type%22%3A%22Video
%22%2C%22size%22%3A%22All%22%2C%22priceOption%22%3Anull%7D
%2C%7B%22type%22%3A%22Flash%22%2C%22size%22%3Anull%2C%22
priceOption%22%3A%22All%22%7D%2C%7B%22type%22%3A%22
Illustration+%5BVector%5D%22%2C%22size%22%3Anull%2C%22price
Option%22%3A%22All%22%7D%2C%7B%22type%22%3A%22Standard+
Audio%22%2C%22size%22%3A%22None%22%2C%22priceOption%22%3A
%221%22%7D%5D&showPeople=&printAvailable=&exclusiveArtists=
&extendedLicense=&collectionPayAsYouGo=1&collectionSubscription=
1&taxonomy=Include+Premiere&illustrationLimit=Exactly&flashLimit=
Exactly&showDeactivatedFiles=0&membername=&userID=1633027&
lightboxID=&downloaderID=&approverID=&clearanceBin=0&color=&
copySpace=%7B%22Tolerance%22%3A1%2C%22Matrix%22%3A%5B%5D
%7D&orientation=7&minWidth=0&minHeight=0&showTitle=&showContributor=
&showFileNumber=1&showDownload=1&enableLoupe=1&order=Best+match&
perPage=&tempo=All&audioKey=All&timeSignature1=All&timeSignature2=
All&bestmatchmix=60&within=1][img]http://www.faberfoto.com/is/avatar-380.jpg[/img][/url]

istock-ubb-10

Modificare il Profilo e il Blog

Gli stessi codici UBB che abbiamo visto, possono essere inseriti con facilità, sia nella pagina del Profilo che nel Blog. Vediamo come:

  1. Apriamo “Modifica il mio profilo“.
  2. Scorriamo la pagina fino ad arrivare al campo “Biografia“.
  3. Incolliamo il codice UBB nel campo: fatto!

guida-ubb-codes-4

guida-ubb-codes-5

guida-ubb-codes-6

Per il Blog, dopo aver aperto “Aggiungi post al Blog“, il codice UBB va inserito nel campo del testo (il titolo si può anche lasciare vuoto).

guida-ubb-codes-7

guida-ubb-codes-8

MicroStock – iStockPhoto 1

Probabilmente iStockPhoto è il più vecchio e famoso microstock online. Su questo sito oltre a foto e illustrazioni si possono vendere o acquistare anche animazioni flash, filmati video e recentemente anche tracce audio.

istock-home

Come altri microstocks anche iStockPhoto mette a disposizione dei membri della community diversi strumenti per aumentare la visibilità delle proprie immagini.

La Pagina Personale
Ogni iscritto dispone di una propria pagina personale con i dati pubblici. Modificare e arricchire questa pagina può essere molto utile anche per aumentare i visitatori del vostro sito.

iStockPhoto - Pagina Pubblica del Membro.

Il Blog e il Profilo
Nella parte centrale e più visibile della pagina personale troviamo il Blog ed il Profilo. Sono elementi che possiamo fortemente personalizzare aumentando la visibilità delle immagini e incrementando le vendite (a detta di qualche utente) anche del 30%. Nell’immagine un esempio di link a specifiche immagini e ad una Lightbox. La guida per la personalizzazione di questi spazi è quasi pronta!

iStockPhoto - il Profilo Utente.

Le Lightbox
Sono lo strumento più efficace per aumentare le vendite delle immagini, perché permette di raggruppare foto (in genere simili tra loro). L’utente che effettua una ricerca, una volta trovata un’immagine, potrà visualizzare ed eventualmente scegliere anche le altre foto inserite nella Lightbox.

Creare una Lightbox è semplicissimo: visualizziamo un’immagine e facciamo click sul link “Aggiungi alla Lightbox”.

iStockPhoto - Creazione di una lightbox, step 1

Nella finestra a comparsa selezioniamo “Crea una nuova Lightbox”, inseriamo un nome e una breve descrizione e confermiamo con il tasto “Aggiungi i file”.

istock-lightbox-2

A questo punto la Lightbox è stata creata. Visualizzate altre immagini simili e ripetete la procedura, scegliendo nel menu della finestra a comparsa la Lightbox appena creata.

istock-lightbox-3

Per accedere e modificare le Lightbox basta scegliere il relativo pulsante nella barra del sito.

istock-lightbox-6

iStockPhoto - Creazione di una lightbox, step 5

Appena create le Lightbox vengono considerate “Personali”, per essere visibili da altri utenti e quindi “Pubbliche”, devono contenere almeno 20 file, una descrizione e le keywords appropriate. Quando sono pubbliche vengono cercate attraverso le keywords proprio come le immagini.

La formattazione UBB
iStockPhoto accetta la formattazione con i codici UBB che si possono usare per inserire link personalizzati (ad esempio verso le proprie Lightbox Personali) o immagini, e sfruttare appieno tutti gli strumenti offerti da questo sito.

Tra qualche giorno sarà online la guida ai codici UBB.

Stay Tuned!

Guida – Le keywords 2

In rete si possono trovare diversi software per generare le keywords da associare alle nostre immagini. Vediamo come utilizzare il sito findphotokeywords (è gratuito in versione limitata).

Step 1.
Al centro della pagina selezioniamo Fotolia come microstock di riferimento, quindi Italiano come lingua e Relevance come ordinamento. A questo punto inseriamo nel campo testo le parole più pertinenti per descrivere la nostra foto e avviamo la ricerca.

findkeyword-01

Step 2.
Il risultato della ricerca saranno 20 immagini, selezioniamo quelle più simili alla nostra (almeno 3 o 4) e facciamo click su Extract the keywords. Se nessuna immagine ci soddisfa conviene tornare allo Step 1 e aggiungere qualche altra parola alla ricerca.  

findkeyword-02

Step 3.
A questo punto ci troveremo davanti un elenco con 60 keywords. A lato di ogni keyword è indicato il numero di corrispondenze trovate. 

findkeyword-03

Togliamo o aggiungiamo parole per descrivere meglio la nostra immagine e facciamo click su Pick selected.

findkeyword-03-2 

Step 4.
Nel campo in basso al centro della pagina (immagine seguente) possiamo inserire altre keywords e aggiungerle con un click su Add words…

findkeyword-04-2  

findkeyword-04-1Poi sostituiamo il separatore (space) delle keywords con il carattere “,” (virgola) o “;” (punto e virgola) – accettati da PhotoShop – e applichiamo i cambiamenti con Make the changes.

Le keywords sono pronte!

Non ci resta che copiarle e associarle alla nostra immagine come descritto nella mia prima guida alle keywords, senza dimenticarsi di tradurle prima in inglese.

findkeyword-04-3

In alternativa si possono prima tradurre le parole chiave da passare a findphotokeywords – come nell’immagine seguente – effettuando tutto il procedimento in inglese.

findkeyword-05