Aggiungere Icone Social al Tuo Blog

Ritornando a postare per la categoria risorse grafiche del mio blog, spesso mi viene chiesto come mai sono solito ammorbare tutti i miei domini con tutti i link dei social che uso frequentemente. la risposta è sempre una: fidelizzazione.
Inserire i link dei vari social (magari notabili a prima vista, appena entrati sul sito) affascina l'utente a cliccarci sopra e magari, se c'è l'icone del proprio social del cuore, la gente inizierà a seguirti. Adesso però la domanda sorge spontanea:
Come si inseriscono le iconcine? Come si fa a mettere il mio link? Ci sono delle icone carine da poter inserire subito sul mio sito/blog? Sotto con il tutorial!

Innanzitutto dovete cercare il gruppo di icone che più vi piace o vi sembra più coerente con la vostra grafica del la vostra pagina web. E' facile cercare set di questo genere, basta andare su qualunque motore di ricerca e cercare "Social Network Icon" oppure "Set Social Icon".
Qui sotto ve ne propongo alcuni:

WPZOOM Social Networking Icon Set

(100 icone diverse, in 5 misure differenti)

Download in fondo alla pagina, prima dei commenti

Social Icons Hand Drawned

(25 icone in stile pennellate)

Download in alto a destra

Circular Social Media Icons

(27 Icone in 3 differenti misure)

Trovate il donwload dopo l'immagine di anteprima in 2 formati: .rar e .zip

Elegant Themes

(42 icone traslucide)

Il download lo trovato subito dopo la grossa anteprima

Social Media Mini Iconpack

(30 icone, 16x16 px)

Il download è a destra della descrizione

Tornando a noi, come si caricano le icone sul nostro blog/sito e come si inseriscono i nostri link? Per prima cosa dobbiamo Hostare (=trasformare in link) la nostra immagine scelta. Usiamo come esempio un icona di Facebook. 

Andate su un sito di hosting come Imageshack, Tinypic o simili e caricate la vostra immagine-icona.

Una volta caricata vi appariranno diversi tipi di link. Quello che ci interessa inizia per "<a href".

Copiate la stringa che vi ho citato prima, sarà formata in questo modo:

<a href="LINK" target="_blank"><img src="LINK IMMAGINE" border="0" alt="Image and video hosting by TinyPic"></a>

A questo punto basterà cambiare la sezione da me evidenziata come LINK con il link che vuoi inserire all'icona (questa procedura è valida per la costruzione di qualunque banner).

<a href="http://facebook.com/gigi.gx" target="_blank"><img src="LINK IMMAGINE" border="0" alt="Image and video hosting by TinyPic"></a>

Per inserirlo sul vostro blog, adesso dovete semplicemente prendere il codice ed inserirlo in un gadget per html. Su Blogger si chiama HTML/Javascript. 


Spero di esser stato d'aiuto a qualcuno.
il Gì Pensiero finisce qui.