15 novembre 2017

52 commenti Condividi il post

Icone sociali personalizzabili

icone sociali
Alcuni anni fa, quando ho pubblicato il post "Icone sociali personalizzate", non immaginavo che avrei ricevuto così tante richieste.

Non riuscendo sempre a rispondervi in tempi brevi, ho pensato di realizzare per tutti voi delle icone sociali facilmente personalizzabili nella forma e nei colori da utilizzare nei vostri blog.

Di seguito trovate 13 icone diverse in 9 forme differenti che potete personalizzare con i colori che più preferite.
Per inserirle nel vostro blog cliccate sul pulsante che compare di seguito e selezionate le icone che desiderate e per ciascuna scrivete l'indirizzo della vostra pagina social, poi selezionate i colori, la forma e la posizione delle icone nel blog.

Infine copiate il codice che compare nel box di testo ed incollatelo in un gadget di tipo html/javascript della sidebar.




Se desiderate delle icone personalizzate lasciate pure un commento nell'apposito post.

Se invece utilizzate queste icone nel vostro blog e vi va di lasciarmi un commento... Un "Grazie" è sempre gradito!


Nota
Queste icone sono realizzate grazie al pacchetto di Font Awesome che offre gratuitamente ben 675 icone.

Newsletter by follow.it


Copyright © Iole - Non è consentito ripubblicare, anche solo in parte, i post di questo blog senza l'esplicito consenso dell'autrice.

52 commenti

  1. Come il solito sei bravissima e fantasiosa. Grazie Iole e un bacio alle tue bambine.
    sinforosa

    RispondiElimina
  2. Grazie mille per tutte le cose belle che crei!

    RispondiElimina
  3. Grazie Iole , le ho appena inserite sul mio blog !!!
    Sei fantastica un abbraccio forte !!!

    RispondiElimina
  4. Ma che bello bravissima mamma mia che lavorone questa volta non devo fare nulla EVVIVA hai provveduto tutto tu grazieeeeeeeee.
    Penso che chi ti legge deve essere super contenta.
    Un abbraccio e buona serata.

    RispondiElimina
  5. @sinforosa c, Monica Rita, Gabriella e edvige: grazie mille per i complimenti ^_^

    RispondiElimina
  6. io sono sempre incantata dalla tua bravura x via di problemi non posso seguirti come vorrei ma quando lo posso fare lo faccio volentieri e cerco di imparare e aggiornarmi te ne sono grata u grazie e un saluto gil

    RispondiElimina
  7. Grazie è perfetto! Cercavo proprio questo :-)

    RispondiElimina
    Risposte
    1. @Carlotta Malavasi: sono contenta che ti piacciano le mie icone :)

      Elimina
  8. Il tuo blog è un pozzo senza fine di bellissime idee e consigli. GRAZIE per queste icone. Lorena

    RispondiElimina
    Risposte
    1. @Briciole di sapori: grazie cara per i complimenti!

      Elimina
  9. ciao sono una nuova iscritta cerco disperatamente icone x il mio blog

    RispondiElimina
    Risposte
    1. @Ely in Wonderland: se desideri delle icone personalizzate, lasciami un commento con tutti i dettagli nell'apposito post e le realizzerò volentieri per te.

      Elimina
  10. Risposte
    1. @Alic: sono contenta che ti piacciano le mie icone ^_^

      Elimina
  11. Grazie Iole, ho appena inserito le tue icone nel mio Blog, personalizzando il colore, sei mitica!!
    Vorrei chiederti se è difficile riuscire a centrare le voci del menu di navigazione, se basta un CSS oppure è qualcosa di più complicato
    Un abbraccio e tanti auguri per un nuovo anno fantastico!
    Sy del Blog Inartesy

    RispondiElimina
    Risposte
    1. @Silvia Capobianco: sono passata a vedere le icone nel tuo blog ^_^
      Per centrare le voci del menu di navigazione puoi modificare il template oppure inserire del codice css in un gadget di tipo html/javascript.
      Se preferisci modificare il template cerca la riga di codice .tabs-inner .widget ul { ed inserisci subito dopo il seguente codice:
      width: 930px;
      margin: 0 auto;

      Se invece non te la senti di mettere mano al codice del template puoi inserire il seguente codice in un gadget di tipo html/javascript:
      <style>
      .tabs-inner .widget ul {
      width: 930px;
      margin: 0 auto;
      }
      </style>

      Nota: nel codice la proprietà width: 930px; si riferisce al menu con le voci attuali; se dovessi aggiungere o rimuovere qualche voce dovrai modificare il valore della larghezza in px del menu nel codice.
      Spero di essere stata chiara. Per dubbi o chiarimenti sono qui a disposizione.
      Buone feste anche a te!!!

      Elimina
  12. Grazieee Iole, sei stata gentilissima, ho inserito il codice in un gadget html, e finalmente ora la barra è centrata. Non so come ringraziarti!
    Un abbraccio di cuore
    Sy

    RispondiElimina
    Risposte
    1. @Silvia Capobianco: se c'è qualcos'altro che vuoi personalizzare nel tuo blog e non sai come fare... chiedi pure. Ti aiuto volentieri!

      Elimina
  13. MI hai appena salvato la vita. Ho usato proprio in questo istante le tue icone e sono perfette. Ti ringrazio per aver messo a disposizione di tutti tale conoscenza xD. Se vuoi passare nel mio blog sarai la benvenuta <3

    RispondiElimina
    Risposte
    1. @LapiziaViews: sono contenta che le mie icone ti piacciano!
      Nel mio blog trovi numerosi widget, script e tutorial. E se non trovi quello che cerchi, chiedi pure. Ti aiuto volentieri!

      Elimina
  14. Risposte
    1. @Emozioni tra le righe: grazie a te che utilizzi i miei widget ;)

      Elimina
  15. Ciao Iole, come sempre sei perfetta, grazie, non lo so, senza di te come sarebbe il mio blog, grazie grazie. Un bacio, a presto

    RispondiElimina
  16. Grazie per il widget e complimenti per il blog

    RispondiElimina
    Risposte
    1. @Giuseppe Aiello: grazie per i complimenti. Sono contenta che i miei post ti siano stati utili per personalizzare il tuo blog.

      Elimina
  17. Grazio Iole, mi stai aprendo un mondo 💜

    RispondiElimina
    Risposte
    1. @Angela Castorino: ho visto che nel tuo blog utilizzi anche altri miei widget. Sono contenta che ti piacciano ^_^

      Elimina
  18. Ciao Iole grazie per i widget delle icone sociai personalizzabili. Le ho già inserite e vanno benissimo. Ho un dubbio quando clicco la posta non si evidenzia solo qullo del blog ma tutti i miei indirizzi. Come posso fare? ho inserito anche i widget scorrevoli che vanno benissimo, solo vorrei togliere il bordo del crosscolumn come faccio? Grazie mille ciao.
    Grazie

    RispondiElimina
    Risposte
    1. @nonna dani: ho controllato il codice che hai inserito nel tuo blog e c'è un errore di battitura nell'indirizzo email. Ora ti invio il codice corretto.
      Per il widget scorrevole, nel post puoi selezionare l'opzione "colore bordo trasparente".

      Elimina
  19. Risposte
    1. @Cristina: ho visto che nel tuo blog hai inserito tutte le icone ma solo 3 hanno i link corretti (le altre rimandano alla home del blog). Non è obbligatorio inserirle tutte, puoi selezionare solo quelle che ti servono.

      Elimina
  20. Ho appena provato a inserire tre iconcine sul blog...e sono splendide!!E funzionano...son diventata scema per metterle quando ho aperto il blog a luglio e non ci sono riuscita..ora si e tutto grazie a te!!

    RispondiElimina
    Risposte
    1. @Vita da Creative: nel mio blog trovi tantissimi widget così... facili da personalizzare e soprattutto facili da inserire nel blog. Ci lavoro per giorni e giorni o anche settimane per realizzarli e sono contenta quando qualcuno mi ringrazia!

      Elimina
  21. Finalmente ti ho trovata, fantasatica!!!
    Grazie infinite!!!
    Silvia

    RispondiElimina
    Risposte
    1. @Gli Orsi di Silvia: sono contenta che ti piacciano ^_^

      Elimina
  22. Ciao volevo avvisarti che ho usato il tuo sito per creare dei bottoni sul miol blog a presto e grazie www.gomitoloni.blogspot.it

    RispondiElimina
    Risposte
    1. @Vanessa Gomitoloni: sono contenta che il mio post ti sia stato utile. Se desideri delle icone personalizzate o per altre richieste, contattami pure. Ti aiuto volentieri!

      Elimina
  23. Sto cominciando ad organizzare il mio blog "iogeografo" ed ho inserito le iconcine... grazie mille!!!
    Un saluto

    RispondiElimina
    Risposte
    1. @Claudio Strizzi: sono contenta che le mie iconcine ti piacciano ^_^

      Elimina
  24. Ciao, Grazie mille per aver creato questi e tanti altri adorabili e utilissimi widget che ho subito inserito nel mio blog! Complimenti per il tuo lavoro!
    Buona Giornata!

    RispondiElimina
    Risposte
    1. @Isabel Cirillo: grazie mille per i complimenti!
      Sono contenta che ti piacciano i miei widget ^_^

      Elimina
  25. Risposte
    1. @Gabriella Pirola: sono contenta che ti piacciano le mie icone e tanti altri miei widget ^_^

      Elimina
  26. E' sempre un piacere poter curiosare nel tuo blog per trovare qualche cosa di nuovo da applicare. GRAZIE mille!

    RispondiElimina
    Risposte
    1. @Catia Pratesi: sono contenta che ti piacciano le mie icone.
      Per qualsiasi richiesta, sono qui a disposizione.

      Elimina
  27. Anche questo widget funziona alla perfezione! Grazie Iole!!

    RispondiElimina
  28. Che meravigliosa scoperta il tuo blog! Ho creato da poco un blog su altervista e trovo i tuoi consigli e gadget davvero fantastici. Li userò sicuramente anch'io! Sono facili da inserire e funzionano perfettamente. Grazie davvero!

    RispondiElimina
  29. Questo commento è stato eliminato dall'autore.

    RispondiElimina
  30. Grazie ara, sono magnifici! :-D Senti, ma sarebbe possibile affiancarli ad un lato di una scritta? Esempio: vorrei mettere l'icona (linkabile, come tu la offri) con il testo a fianco, esempio: YOUTUBE.
    Si potrebbe fare copiando una parte di html?

    RispondiElimina
  31. Ciao, scusami per la mia ignoranza.
    io ho un blog su blog free,il discorso riguardo l' HTML JAVASCRIPT vale lo stesso? non sto riuscendo,potresti aiutarmi?

    RispondiElimina

flag counter
This blog by Iole is licensed under a Attribution-NonCommercial-NoDerivs 3.0 Unported License.
 Design by Iole | Privacy Policy | Cookie Policy