TUTORIAL: COME INSERIRE LE ICONE SOCIAL NEL VOSTRO BLOG

Ciao a tutti! Se avete letto uno dei miei ultimi post su instagram (questo) sapete che il lunedì è il giorno dedicato alla grafica, all'html e al mondo del blogging.

Preciso che non ho intenzione di pubblicare anche qui sul blog un post al giorno ma cercherò di essere costante almeno con questa rubrica, perchè spiegare qualcosa relativo alla grafica è molto più semplice qui che su instagram.

Oggi voglio spiegarvi una delle cose più importanti che dovete aggiungere nel vostro sito, ovvero come aggiungere le icone social. E' molto semplice!

CREARE LE ICONE O CERCARE UN SET GRATUITO DA SCARICARE.

Se siete bravi con la grafica potete tranquillamente crearvele da soli (devono essere grandi 72x72 pixel) mentre se non avete troppo tempo da perdere o se non sapete neanche da che parte iniziare vi basta cercare dei set online. Ce ne sono tantissimi gratuiti, vi basterà scrivere su google "free icon set" o "free social icon set" e troverete di sicuro qualcosa che possa piacervi.

Vi lascio qui il link di alcuni set davvero carini che ho trovato io! Designs by Miss Mandee - Create - Geekfairy, su pinterest ce ne sono davvero tantissime!

CARICARE LE ICONE SU UN SITO DI HOSTING

Una volta create le vostre icone dovete caricarle in un sito di hosting per poter ricavare il codice html di ogni singola immagine. I siti di hosting più conosciuti sono tinypic, flick o anche semplicemente blogger. Io di solito uso tinypic e quando caricate le vostre foto vi usciranno più codici, voi salvatevi quello che inizia con <a href... > che sull'html sta ad indicare un link.

PERSONALIZZARE IL CODICE HTML.

Non spaventatevi, è piu facile di quello che sembra!

Il codice di base è questo e vi basta sostituire i nomi scritti in grande con i vostri link.

<-NOME SOCIAL->

<a href="LINK VOSTRO PROFILO SOCIAL"'target='_blank'><img src='LINK IMMAGINE'"width="32" height="32"/></a>

INSERIRE TUTTO IL CODICE NEL BLOG

Questo è l'ultimo passaggio: dovete inserire nel blog le icone. Di solito, si aggiungono nella sidebar quindi andare su layout, aggiungi gadgets, elezionate il gadget che si chiama html/java script e incollate il codice. Ora che la vostra prima icona è online dovete rifare questo passaggio per ogni icona che avete, ovviamente cambiando l'html e inserendoli tutti nello stesso gadget!

 

Ecco, questo è tutto! Come vi dicevo, è un procedimento davvero semplice!