15 novembre 2017

21 commenti Condividi il post Facebook Twitter Google+

Icone sociali personalizzabili

icone socialiAlcuni 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 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.
Copyright © Iole - Non è consentito ripubblicare, anche solo in parte, i post di questo blog senza l'esplicito consenso dell'autrice.

21 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
    Risposte
    1. @gil: un caro saluto anche a te cara!

      Elimina
  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. Grazie mille Iole, come sempre

    RispondiElimina
    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

Licenza Creative Commons This blog by Iole is licensed under a Attribution-NonCommercial-NoDerivs 3.0 Unported License.
Copyright © 2008- iolecal.blogspot.it|Design by Iole|Privacy Policy