Il prossimo tutorial è l'inserimento di social-icons, ovvero le icone che rimandano i visitatori lì dove abbiamo messo radici nei vari angoli del web.
Prima di iniziare, però, dovete 'armarvi' per bene: vale a dire rifornitevi di icone!!!
Ed io che ci sto a fare??? Ovviamente vi passo io un link dove trovare le icone più carine e trendy e assolutamente FREE!!!!!!!!!!!!! ;)
http://www.iconarchive.com/ è quello che mi ha soddisfatta di più, e devo dire che le nuove icone che vi ho trovato mi fanno davvero gola (probabilmente cambierò ho cambiato qualcosina ♥).
Ce ne sono di ogni tipo e per ogni gusto, qui qualche esempio...
Ormai sapete (o almeno avrete intuito) che per creare un link bisogna utilizzare il tag 'a' seguito dall'attributo 'href' che ci darà modo di specificare l'URL del sito in cui vogliamo andare
<a href="URL">TESTO</a>Se vogliamo far aprire il link in un'altra pagina, aggiungiamo l'attributo 'target' specificando '_blank'
<a href="URL" target="_blank">TESTO</a>Per far sì che siano le icone ad essere dei link, dobbiamo sostituire a 'TESTO' l'immagine, che richiameremo con il tag 'img' e con l'attributo 'src', che sta per search
<a href="URL" target"_blank"><img src="URL IMMAGINE" /></a>Detto questo, non vi resta che aggiungere il widget 'HTML/javascript' dai gadget (che trovate in layout) e aggiungere il codice completo di indirizzi dei vostri spazi nel web.
Le immagini delle icone potrebbe risultare più grandi, quindi sarebbe opportuno fare delle modifiche alle dimensioni, e senza usare programmi di grafica ;)
<a href="URL" target"_blank"><img src="URL IMMAGINE" width="40px"/></a>
Ovviamente il numero dei pixel dell'immagine potete cambiarlo in base ai vostri gusti o alle vostre esigenze.
Spero che il tutorial sia stato chiaro, vista l'ora -.-
Aspetto i vostri commenti!!!
Notte!!!
Grazie mille, era quello che cercavo! appena ho un po di tempo mi metto al lavoro!
RispondiEliminaMariana
mi fa piacere Mariana ^_^
EliminaGrazie carissima!
RispondiEliminaDevo assolutamente faci un giretto!
Come non poter cambiare qualcosina?
Bacetti
Mary
e infatti ho cambiato le icone :D
EliminaGrazie ce l'ho fatta!!!
RispondiEliminaMichela
di niente ^_^
EliminaCiao, il tuo blog è utilissimo e ho già seguito i tuoi preziosissimi consigli.
RispondiEliminaVorrei chiederti un'altra piccola cosa... se con un'icona volessi farmi mandare delle email, che codice dovrei mettere?
Complimenti per il blog!^_^
Mari
Ciao Mari ^_^
Eliminadunque per far sì che cliccando l'icona all'utente si apr direttamente la finestra della mail, devi inserire questo codice:
<a href="mailto:tua_mail@tua_mail.com" target="_blank"><img src="url_immagine_icona" alt=""/></a>
Ah..ok! C'ero quasi allora ^_^ Grazie mille!
Eliminadi niente ^_^
EliminaCiao Simona, grazie per tutti i tuoi consigli utilissimi!
RispondiEliminaHo messo le icone, mi piacciono un sacco!! ^^
Però i link continuano ad aprirsi nella stessa pagina:ho copiato il codice come l'hai scritto tu, com'è possibile???
Ciao Rama! Dove sta scritto URL subito dopo href hai incollato l'indirizzo della barra dei link, in alto alla finestra del tuo browser (alias chrome, mozilla,ecc...)?
Elimina