Pubblicato il 26/02/10 - aggiornato il  | 4 commenti :

Come creare e inserire un bottone in un blog per essere contattati via email.

Come creare un link o un bottone per essere contattati via email dal nostro sito web.
I visitatori di un blog su Blogger hanno molte possibilità di mettersi in contatto l'autore del sito che stanno visitando.

Possono andare nel Profilo e cliccare nell'apposito link, altre volte è presente l'indirizzo email con cui contattare l'autore. 

Questo senza dimenticare che si può inviare un articolo del blog cliccando sulla busta che sta nella parte bassa di ciascun articolo


bottone-email

Se il rapporto con i lettori è giudicato fondamentale può essere utile creare un bottone apposito per essere contattati. Illustro il procedimento per un blog su Blogger ma può essere utilizzato anche in altre piattaforme.
  1. Cercare un'icona adeguata alle nostre esigenze e al nostro modello. Eventualmente si può ridimensionare per esempio con Image Resize Powertoy.
  2. Caricare l'icona nel web in un servizio gratuito che potrebbe essere Skydrive
  3. Acquisire l'URL dell'immagine
  4. Personalizzare il seguente codice

<a href="mailto:Indirizzo_Email">
<img src="URL_Immagine"/></a>


dove al posto di Indirizzo_Email si inserisce una cosa tipo mionome@gmail.com oppure mionick@hotmail.it. Mentre in URL_Immagine mettiamo l'indirizzo dell'icona caricata nel web.
Gli utenti di Blogger possono andare su Layout > Elementi pagina > Aggiungi un gadget > HTML/Javascript e incollare i codice così personalizzato. Con il mouse potranno posizionare l'elemento nella posizione più opportuna. Ecco come potrebbe essere un bottone di questo tipo




Se qualcuno ci clicca sopra, automaticamente verrà aperto il programma predefinito per la posta elettronica con l'account già inserito nel campo del destinatario. Insieme al bottone può essere visualizzato del testo come "Contattami" "Per contattarmi" o simile.

Il codice che ho inserito nel post è stato questo

<center><a href="mailto:xyz@gmail.com"><img src="http://rmf0kw.blu.livefilestore.com/y1pFVhiGyQ3GmhKGzvdoobIJu9H_FR-OxtfBLs1yNpriM2bTqgdMRFMdfpywxtLOau8u8HiJpP_qWteqEbfy6RhuJDdXPf4x6Xq/bottone-posta.jpg" width="73" height="75" /></a></center>

Potete anche utilizzare l'URL dell'immagine, se vi piace è quello in verde, ma ricordatevi di inserire il vostro indirizzo email al posto del mio evidenziato di rosso!
P.S. quelle in grassetto sono la larghezza (width) e l'altezza (height) dell'immagine.


4 commenti :

  1. grazie Ernesto mi piace molto l'ho appena fatto!

    RispondiElimina
  2. boh Ernesto.. a me non funziona, Ho optato per la prima opzione inserendo l'url di un'altra immagine e mi viene fuori scritto questo: Non è possibile accettare il codice Tag non funzionante: IMG specificato
    ....??? cosa sbaglio? grazie

    RispondiElimina
    Risposte
    1. Questo post ha 5 anni e mezzo. Da allora sono cambiate molte e cose e non funziona più nei nuovi computer mentre il codice lo dovrebbe accettare senza problemi
      @#

      Elimina
  3. infatti io uso solo quello Ernesto... inserisco l'immagine che piace a me ma no, non va si inserisce l'immagine ma non il collegamento..
    P.s sai la mal che ti ho scritto? era proprio un gadget simile a questo del sito fashvortex che mi ha regalato il maleware eliminandolo è ritornato tutto a posto :-) però sono senza icona ..... volevo crearne una con l'immagine che mi piace, sono capace creare url , l'ho già fatto, sul mio blog traffico molto in tal senso, pur essendo profana, leggo i consigli da web design come te e procedo, ma non va proprio il codide sopra.. uffa ciao grazie

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy