Come aggiungere Social Media Icons To Blogger

In questo tutorial, vi mostrerò come aggiungere social media icons al tuo blog Blogger. Questo tutorial include icone di social media gratuiti per iniziare.

A causa delle recenti modifiche con Photobucket carica yearly 400 all’anno al fine di utilizzare il loro servizio, ho aggiornato questo tutorial che vi mostra come ospitare le immagini tramite il proprio account Blogger.

Omaggi per il download

Assicurati di scaricare queste icone di social media gratuiti per il tuo blog facendo clic sul seguente link. Non è richiesta alcuna iscrizione. Clicca qui per scaricare le icone.

 free social media icons

COME AVVIARE un BLOG: Prima di entrare nel tutorial, se siete interessati ad avviare un blog per fare soldi, Bluehost ha un grande affare! Ottieni un nome di dominio GRATUITO, un’installazione automatica di WordPress e un certificato SSL gratuito per soli $3.95 al mese (clicca qui).

Come aggiungere le icone dei social media a Blogger

In Blogger, crea un nuovo post e carica le tue icone dei social media sul post.

CARICARE le ICONE

Dopo aver caricato le immagini, se richiesto, selezionare il seguente:

  • allineamento dell’Immagine: None
  • Dimensione Immagine: dimensione Originale
DIMENSIONE ORIGINALE

Passo #2

Selezionare “HTML” tab. Dopo aver fatto questo, vedrete i link immagine per ciascuna delle vostre icone di social media (ho evidenziato il link qui sotto). Lascia questa finestra aperta.

CODICE HTML

Passo #3

Apri una nuova scheda. Nella dashboard di Blogger, seleziona ” Layout.”

LAYOUT

Passo #4

Seleziona “Aggiungi un gadget” nella tua area “sidebar-right” e quindi scegli il gadget “HTML/JavaScript”.

sidebar-gadget
HTML BOX

Passo # 5

Nella casella” HTML/JavaScript”, incollare il seguente codice (fare questo per ogni icona social media):

 INCOLLA IL CODICE

<a href=”URL Goes Here”><img src = “Image Direct Link Goes Here” /></a>

Passo #6

Torna all’editor dei post dove hai caricato le tue icone dei social media. Copia il link dell’immagine per una delle tue icone (come visto nel passaggio 1).

Passo #7

Tornando al tuo gadget “HTML/JavaScript” in Blogger, incolla il tuo link immagine dove dice “Image Direct Link Goes Here” (fallo per ogni icona di social media e tienilo tra virgolette). Dovrebbe assomigliare a questo:

< a href = “URL va qui” > < img src=”https://3.bp.blogspot.com/-nCoP8tLzxwE/WVq3ZFw_fEI/AAAAAAAAN0Q/CF60HjN2aI02ePhN_aJqcHH6vaI082NJgCLcBGAs/s1600/icon-facebook-1.png” /></a>

Passo #8

Ora è il momento di aggiungere nei vostri URL di social media. Lasciando aperto il gadget” HTML/JavaScript”, in una nuova finestra o scheda, vai al tuo profilo di social media e copia l’URL del tuo profilo.

Passo #9

Ora, di nuovo nel gadget “HTML/JavaScript”, incolla il tuo URL dove dice “URL va qui” (fallo per ogni icona di social media e tienilo tra le virgolette).

Passo #10

Selezionare “Salva” una volta che hai finito. Il codice finito dovrebbe assomigliare a questo:

<a href = ” https://www.facebook.com/BeautifulDawnDesigns”><img src=”https://3.bp.blogspot.com/-nCoP8tLzxwE/WVq3ZFw_fEI/AAAAAAAAN0Q/CF60HjN2aI02ePhN_aJqcHH6vaI082NJgCLcBGAs/s1600/icon-facebook-1.png” /></a>

Sentiti libero di eliminare la bozza del post che hai creato.

Nota: se si utilizza un pulsante e-mail, inserire mailto:youremailaddresshere tra le virgolette dove dice URL Va qui.

Leave a Reply

Il tuo indirizzo email non sarà pubblicato.