Come inserire social icons

Chiudiamo il 2013 (e ne approfitto per farvi i miei più sinceri auguri di buon anno!!) con un tutorial semplice ma davvero indispensabile, tanto che mi sorprende di non averne parlato prima: come inserire in un blog le icone che rimandano al nostro profilo sui vari social network.
Solitamente queste icone vengono posizionate nella barra laterale del blog. Bisogna quindi andare nella sezione Layout di Blogger e qui selezionare Aggiungi un nuovo gadget. Il gadget da scegliere è quello chiamato HTML/JavaScript.

Prima di arrivare a questo punto avremmo già dovuto preparare delle social icons (ovviamente rappresentative dei social network a cui vogliamo rimandare) o creandole noi stessi oppure scegliendole tra le tante che si possono trovare anche gratuitamente su internet. Di ognuna di queste icone ci servirà l'URL e per ottenerlo dovremo caricare le immagini in Photobucket o servizi simili. Ma ancora più semplice è creare un nuovo post all'interno del nostro blog di Blogger ed inserirvi, come normalissime immagini, le nostre social icons. Quindi puntando con il mouse su un'immagine alla volta e premendo il tasto destro bisognerà selezionare la voce Copia indirizzo che ci permette per l'appunto di ottenere l'URL dell'immagine. Ovviamente il post NON andrà pubblicato ma conservato nell'archivio: cancellando il post verranno anche ancellate le immagini e il loro URL non sarà più valido.

Torniamo ora al nostro gadget HTML/JavaScript. All'interno del gadget bisogna inserire il seguente codice:

<p><a href='URL_PAGINA_WEB'><img src='URL_ICONA'/></a></p>
<p><a href='URL_PAGINA_WEB'><img src='URL_ICONA'/></a></p>
<p><a href='URL_PAGINA_WEB'><img src='URL_ICONA'/></a></p>

Ogni riga del codice corrisponde ad una icona: se volete inserire più di tre icone basterà aggiungere una o più righe di codice. 

Al posto di URL_PAGINA_WEB bisogna inserire (mantenendo le virgolette) il link della pagina a cui vogliamo che l'icona rimandi (per esempio la nostra pagina Facebook). Mentre URL_ICONA va sostituito (sempre mantenendo le virgolette) con il codice URL dell'immagine che si vuole usare come icona (ottenuto come indicato sopra).