domenica 31 maggio 2015

Icona Facebook

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="http://3.bp.blogspot.com/-247mAj4ttOk/VWtUAf1N9LI/AAAAAAAAC2U/pheNCQ75uOk/s1600/Icona%2BFacebook%2B1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-247mAj4ttOk/VWtUAf1N9LI/AAAAAAAAC2U/pheNCQ75uOk/s1600/Icona%2BFacebook%2B1.png" /></a></div>

quindi sostituisco:
<a href="https://www.facebook.com/pages/BiruCo/356753034362932 "><img src="http://3.bp.blogspot.com/-247mAj4ttOk/VWtUAf1N9LI/AAAAAAAAC2U/pheNCQ75uOk/s1600/Icona%2BFacebook%2B1.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.





Nessun commento:

Posta un commento