Nascondere link dentro a un’immagine
Molti utenti da qualche tempo mi pongono il seguente quesito “Leandro, come posso nascondere un link all’interno di un’immagine tale per cui chi vi clicca sopra apre un sito Internet esterno?” È molto semplice fare tutto questo, non occorre una conoscenza elevata dell’informatica e non bisogna conoscere chissà quale strano linguaggio di programmazione ma semplicemente seguire nel dettaglio le mie istruzioni. Infatti oggi imparerai proprio come fare tutto questo, ciò vuol dire che se per esempio tu possedessi un Blog puoi metterci una o più immagini che se cliccate aprono siti esterni. Per farlo innanzitutto bisogna aggiungere un riquadro HTML al proprio Blog oppure nel caso in cui tu avessi un sito modificare la pagina in cui vuoi inserire l’immagine o le immagini al cui interno vuoi nascondere il/i link e aggiungere un codice HTML che a breve ti scriverò di cui una parte rimane come è e un’altra andrà modificata ove richiesto. Dopo che hai aggiunto il riquadro HTML dovrai inserire il seguente codice così come si trova:
<a href=”INDIRIZZO DEL TUO BLOG O DEL TUO SITO“><img src=”INDIRIZZO DELL’IMMAGINE CHE VUOI FAR APPARIRE“/>
se vuoi che non appaia nulla nel momento in cui il cursore del mouse di un visitatore si soffermi per alcuni istanti sull’immagine, se invece tu volessi che quando un visitatore sofferma il suo cursore sull’immagine copia e incolla riquadro HTML del tuo Blog il seguente codice così come è riportato:
<a href=”INDIRIZZO DEL BLOG O SITO A CUI VUOI FAR INDIRIZZARE I TUOI VISITATORI“><img src=”INDIRIZZO DELL’IMMAGINE CHE VUOI FAR APPARIRE” title=”MESSAGGIO DA TE SCRITTO CHE APPARE DOPO ALCUNI ISTANTI IN CUI SI SOFFERMA IL CURSORE DEL MOUSE” alt=”MESSAGGIO DA TE SCRITTO CHE APPARE DOPO ALCUNI ISTANTI IN CUI SI SOFFERMA IL CURSORE DEL MOUSE“/>
Ovviamente il punto finale che ho inserito non andrà assolutamente inserito nel codice. Ove ho scritto “INDIRIZZO DELL’IMMAGINE CHE VUOI FAR APPARIRE” bisognerà semplicemente o caricare un’immagine da te scelta sull’ottimo sito di Free Hosting chiamato “TinyPic” da qui http://tinypic.com/ e cliccare prima su “Sfoglia” per cercare l’immagine nel tuo pc da inserire poi su “UPLOAD NOW!” dopodichè copiare ed incollare il link sotto alla dicitura “Direct Link for Layouts” e incollarlo proprio lì dove ho scritto “INDIRIZZO DELL’IMMAGINE CHE VUOI FAR APPARIRE“, oppure vai su “Google Immagini” da qui http://www.google.it/imghp?hl=it&tab=wi e cerca l’immagine che desideri far comparire e sopra a destra dove è riportato “http://” copia e incolla quell’URL proprio dove pocanzi ho specificato. Vuoi un esempio concreto? Eccolo quì in basso:
<a href=”http://ambienteecologico.myblog.it/“><img src=”http://www.emilia.iloyola.org/blog/wp-content/uploads/2011/06/ecologia.jpg“>
oppure
<a href=”http://ambienteecologico.myblog.it/“><img src=”http://www.emilia.iloyola.org/blog/wp-content/uploads/2011/06/ecologia.jpg” title=”Clicca per vedere il blog” alt=”Clicca per vedere il blog” />.
Questi due esempi che ti ho scritto sono concreti e li trovo molto chiari infatti ti fanno capire nel dettaglio come fare in modo reale.
Copyright:
Guida scritta dal
Blogger ed esperto informatico Leandro Osmelli
di Roma, ogni materiale qui presente non può essere utilizzato, copiato
e/o divulgato perchè appartenente al padrone di tale sito. Ciascun
utente che eventualmente preleverà il suddetto materiale verrà
denunciato alle autorità competenti.
Leandro Osmelli (blogger ed esperto informatico):
Diventa
mio Fan su Facebook: http://www.facebook.com/pages/Leandro-Osmelli/45705650862?ref=s
Aggiungimi come amico su Facebook:
http://it-it.facebook.com/leandroosmelli1987
dottorecomputer 
