immagin top

7.10.12

Free Icons...ovvero icone per il vostro blog!

7.10.12

Sto cercando di ritrovare il tempo per i tutorials richiestimi, ed intanto li sto anche inserendo in una lista nel post PROPONILO TU!.
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...




Una volta scaricate le icone che vi interessano, non ci resta che inserirle nella sidebar del nostro blog, con gli indirizzi giusti.
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!!!

12 commenti:

  1. Grazie mille, era quello che cercavo! appena ho un po di tempo mi metto al lavoro!
    Mariana

    RispondiElimina
  2. Grazie carissima!
    Devo assolutamente faci un giretto!
    Come non poter cambiare qualcosina?

    Bacetti
    Mary

    RispondiElimina
  3. Ciao, il tuo blog è utilissimo e ho già seguito i tuoi preziosissimi consigli.
    Vorrei chiederti un'altra piccola cosa... se con un'icona volessi farmi mandare delle email, che codice dovrei mettere?
    Complimenti per il blog!^_^

    Mari

    RispondiElimina
    Risposte
    1. Ciao Mari ^_^
      dunque 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>

      Elimina
    2. Ah..ok! C'ero quasi allora ^_^ Grazie mille!

      Elimina
  4. Ciao Simona, grazie per tutti i tuoi consigli utilissimi!
    Ho 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???

    RispondiElimina
    Risposte
    1. 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

I tuoi commenti sono un vero toccasana per il mio blog! Grazie per il tuo contributo :*