Aggiungere Icone Social Al Sito

Ogni Volta Che Riceviamo Una Visita Al Nostro Sito, Dobbiamo Creare Un Legame Spontaneo Con I Nostri Visitatori. I Social Sono Un'Ottima Occasione.

In questo post vediamo come aggiungere le principali Icone Facebook Twitter Youtube Sul nostro sito o Blog.

Prima di tutto dobbiamo scegliere le icone che vogliamo utilizzare, su Google ne trovate a bizzeffe. Una volta scelte e salvate sul nostro computer, le dobbiamo caricare su Picasa o Su altre piattaforme, dalle quali dovremo successivamente estrarre la URL. Per semplicità però le potete anche caricare direttamente su un post o su un articolo del Vostro Sito, come ho fatto io.

Come potete vedere ho caricato singolarmente 4 icone relativamente a Facebook - Youtube - Google - Twitter .

Se passate il Mouse su ognuna di queste icone, e cliccate con il tasto destro avrete la possibilità di ottenere 4 differenti indirizzi URL (chiaramente dovete fare la stessa cosa sul vostro sito e ricavare le url che vi serviranno.)

Ora veniamo alla cosa più importante, il codice html da aggiungere sul Vostro sito o blog.

Il codice che dovrete copiare è il seguente:

<div align="center"><a href="https://www.facebook.com/Ottimizza Sito" target='_blank'><img alt='Condividi su Facebook' title='Condividi su Facebook'src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIn0Wtpmdwo-sGeeUSr38cVIYvaFQLq0i1De8drv50sxNvyyTunpkqkfdeP-en4jFAm92E2QxxPrYcfGK_d4iqhwSCnxP6Zr1C4wvysBJKLiZ0ingnRZu83Ej00bMrRLdvPwgC5uRCjeg/s1600/icona-facebook.png'/></a>&#160;&#160;<a href="https://twitter.com/OttimizzaSito" target="_blank"/><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAwXBuhvuMZ1NvWZXRLIPwSi3oRoRyq6HyY8Ly4_zkHEDEjqqrWs6k8aeYZ0U_fH1l-5mDJA5vu5CLV25tjBH-cuXYDh-ql_v81nJftr5lJ0LdA3Y_NVh0thmOmfvqRjbOLv84lnqX5Ig/s1600/tuitter.png"alt="Seguimi su Twitter" title="Seguimi su Twitter"/></a>&#160;&#160;

<a href="https://plus.google.com/u/0/b/107642573090660967834" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeX6pejsd_nt4jL0Z66Rqx4xfimoJimPBaDzX89AVq9Eigx93V1dUc5MML7cU3yEDwlwI1yJGCRHXzWj6asVPgrH_FQQ3ABMjnWjax3Soga1_Gn1GNq_OEUQO75R0ace_Oz-3RwMiId5k/s1600/google+icona.png" alt="Seguimi su Google Plus" title="Seguimi su Google Plus" /></a>&#160;&#160;

</div>

Una volta copiato il codice, per comodità incollatelo su un foglio di lavoro tipo Word, ed andate a modificare i seguenti indirizzi.  Tutti gli indirizzi scritti in arancione vanno sostituiti con i Vostri indirizzi Facebook - Twitter - Google (li ho messi esattamente in questo ordine) quando copiate e sostituite gli indirizzi, non commettete l'errore di cancellare le " basta infatti che ne scordate una, e il metodo non funziona.  I codici scritti in verde invece vanno sostituiti con le url delle immagini che avete precedentemente inserito nel post come ho fatto io.

Manca d'avvero poco, ma immagino che vi state chiedendo, dove?? inserire questo codice.

Allora se utilizzate Blogspot come me, è sufficiente andare su Layout poi su aggiungi Gadget e selezionare  HTML/JavaScript ed incollare il codice modificato.

Se utilizzate Wordpress Andate su Aspetto poi su Editor e poi potete decidere se inserirlo sulla Testata, Quindi Appena sotto il titolo del sito e quindi cliccate su Header php. e copiate il codice appena sotto
questo codice </header><!-- #branding -->

Se invece lo volete inserire nella barra laterale cliccate su Widget e copiate il vostro codice in una casella di testo - html.

Nel prossimo Post Vediamo Come Far Si Che Le Icone Ci Seguano Anche Se Scorriamo La Pagina.