Al mio blog ho aggiunto le Icone Sociali. Con questo post e con i seguenti potrete scaricare le icone che ho creato per Facebook, Twitter, Pinterest e Posta elettronica.
Per crearle ho usato Publisher: ho fatto un cerchio e all'interno ho messo le lettere, invece per la busta della Posta Elettronica ho tracciato un rettangolo con gli angoli stondati e poi ho tracciato 2 linee in una forma a triangolo.
Sono icone molto semplici perchè non possiedo altri programmi di grafica che abbiano più funzioni, ma sono contenta del risultato!
Se avete un blog dovete usare questo codice:
<a
href="Indirizzo Web"><img
src="Link Immagine"
/></a>
al Posto di "Indirizzo Web" dovete mettere il link della vostra pagina Facebook, e nella parte sottolineata di fucsia si copia il link dell'immagine, che io ho ricavato postando l'immagine piccola qui sul mio blog.
ad esempio:
il link della mia pagina Facebook è:
https://www.facebook.com/pages/BiruCo/356753034362932
e il link dell'icona è:
http://3.bp.blogspot.com/-247mAj4ttOk/VWtUAf1N9LI/AAAAAAAAC2U/pheNCQ75uOk/s1600/Icona%2BFacebook%2B1.png
che ho ricavato da qui (il codice HTML che ho ricavato pubblicando l'immagine da 50x50 Pixel su questo post del Blog):
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbVMva9GFG1iUgJqRtpviLOHF6dJlIRYmSA_vu5mOpoOFkkGv4rh4cWAs5vKTtre-oVn3wBRzdzj-jNBk6y3kJuhiKzHFCQCz3eKeBnYl5ME1lGAtko6Kj7FRD-PcEdldDynqlkt6QLG0q/s1600/Icona+Facebook+1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbVMva9GFG1iUgJqRtpviLOHF6dJlIRYmSA_vu5mOpoOFkkGv4rh4cWAs5vKTtre-oVn3wBRzdzj-jNBk6y3kJuhiKzHFCQCz3eKeBnYl5ME1lGAtko6Kj7FRD-PcEdldDynqlkt6QLG0q/s1600/Icona+Facebook+1.png" /></a></div>
che ho ricavato da qui (il codice HTML che ho ricavato pubblicando l'immagine da 50x50 Pixel su questo post del Blog):
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbVMva9GFG1iUgJqRtpviLOHF6dJlIRYmSA_vu5mOpoOFkkGv4rh4cWAs5vKTtre-oVn3wBRzdzj-jNBk6y3kJuhiKzHFCQCz3eKeBnYl5ME1lGAtko6Kj7FRD-PcEdldDynqlkt6QLG0q/s1600/Icona+Facebook+1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbVMva9GFG1iUgJqRtpviLOHF6dJlIRYmSA_vu5mOpoOFkkGv4rh4cWAs5vKTtre-oVn3wBRzdzj-jNBk6y3kJuhiKzHFCQCz3eKeBnYl5ME1lGAtko6Kj7FRD-PcEdldDynqlkt6QLG0q/s1600/Icona+Facebook+1.png" /></a></div>
quindi sostituisco:
<a href="https://www.facebook.com/pages/BiruCo/356753034362932 "><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbVMva9GFG1iUgJqRtpviLOHF6dJlIRYmSA_vu5mOpoOFkkGv4rh4cWAs5vKTtre-oVn3wBRzdzj-jNBk6y3kJuhiKzHFCQCz3eKeBnYl5ME1lGAtko6Kj7FRD-PcEdldDynqlkt6QLG0q/s1600/Icona+Facebook+1.png
" /></a>
Fate la stessa cosa per le pagine di Twitter e Pinterest. Mentre per la posta elettronica al posto di "Indirizzo Web" dovete mettere "mailto: IL VOSTRO INDIRIZZO E-MAIL". Nel mio caso, ad esempio, ho scritto "mailto:biru.and.co@gmail.com"
Per aggiungere le icone nelle barre a destra o sinistra del vostro blog dovete aggiungere un altro gadget. Cliccate su LAYOUT e poi su "Aggiungi un gadget" e scegliete quello HTML/JAVA SCRIPT.
Inserite tutti i codici che avete formato senza spazi tra una riga e l'altra. Cliccate su SALVA. E poi su SALVA DISPOSIZIONE in alto a destra.
Per aggiungere le icone nelle barre a destra o sinistra del vostro blog dovete aggiungere un altro gadget. Cliccate su LAYOUT e poi su "Aggiungi un gadget" e scegliete quello HTML/JAVA SCRIPT.
Inserite tutti i codici che avete formato senza spazi tra una riga e l'altra. Cliccate su SALVA. E poi su SALVA DISPOSIZIONE in alto a destra.
Nessun commento:
Posta un commento