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).
