16 settembre 2013

#Free blog buttons 1: Benvenuti!

Buon pomeriggio, inizio questa mia piccola avventura con delle icone free da prelevare gratuitamente, mi sto appassionando, sempre più alla grafica, e mi diverto come una matta a creare icone nei miei limiti, perché non ho PS utilizzo tools on line free. Per adesso va bene così, ^_^ se vi piacciono queste icone, prelevate  il codice con un copia ed incolla ed inseritelo in un gadget HTML/Javascript, poi inserite l'URL dei vostri social e se volete cambiare grandezza all'immagine basta modificare il numero alla fine, ( 30px ) è semplicissimo!!!! ^_^
Se siete interessati c'è anche il pulsante Pin it! da inserire nelle immagini dei post. Se poi volete delle icone personalizzate, scrivetemi pure, vedrò se posso aiutarvi!





------------------------------------------------------------------------------------

<a href='URL BLOGLOVIN'><img src='http://i44.tinypic.com/15eg3m0.png  'width='30px'/></a>

<a href='URL FACEBOOK'><img src='http://i44.tinypic.com/2q3rvva.png 'width='30px'/></a>

<a href='URL FEED'><img src='http://i41.tinypic.com/jtkj6q.png 'width='30px'/></a>

<a href='mailto: INDIRIZZO MAIL '><img src='http://i39.tinypic.com/33yg7ra.png 'width='30px'/></a>

<a href='URL TWITTER'><img src='http://i40.tinypic.com/6gv7zd.png 'width='30px'/></a>

<a href='URL INTAGRAM'><img src='http://i44.tinypic.com/1h9zj6.png 'width='30px'/></a>

<a href='URL PINTEREST'><img src='http://i41.tinypic.com/ezon13.png 'width='30px'/></a>

<a href='URL ETSY'><img src='http://i41.tinypic.com/zx2umf.jpg'width='30px'/></a>

<a href='URL FLICKR'><img src='http://i41.tinypic.com/nc13j9.png'width=30px'/></a>

<a href='URL LINKEDIN'><img src='http://i40.tinypic.com/2m6085k.png'width=30px'/></a>

<a href='URL VIMEO'><img src='http://i44.tinypic.com/6zsej9.png'width=30px'/></a>
   
<a href='URL YOUTUBE'><img src='http://i39.tinypic.com/wiq5gj.png'width=30px'/></a>
                                                         
<a href='URL GOOGLE PLUS'><img src='http://i44.tinypic.com/ws33ma.png'width=30px'/></a>

------------------------------------------------------------------------------------

Per quanto riguarda invece l'icona di pinterest che appare sulle immagini al passaggio del mouse, 
 l'indirizzo dell'immagine è:  http://i43.tinypic.com/xpow0i.png     che dovete inserire  in questo codice  al posto della riga evidenziata in giallo. 

Poi sceglierete voi dove inserirla:

-topleft > in alto a sinistra
-topright > in alto a destra
-bottomleft > in basso a sinistra
-bottomright > in basso a destra
-center > al centro

Spero di essere stata chiara, non è difficile, quando si entra in confidenza con questo codici, a forza di provare e riprovare alla fine si riesce, se avete domande chiedete pure, lasciando commenti a questo post o inviandomi una mail.
Queste immagini sono su sfondo trasparente e la grandezza originale è di 72px.


  • N.B. prima di mettere mano al codice HTML fate sempre il backup del blog! ^_^













10 commenti:

  1. Proprio carine, anche con i programmi free si possono fare cose belle.
    Io uso Paint Shop Pro che costa molto meno di PS ed ha più o meno le stesse funzioni e mi sto divertendo anch'io
    Ciao
    Norma
    http://voglioilmondoacolori.blogspot.it/

    RispondiElimina
    Risposte
    1. grazie Norma, è vero con i programmi gratuiti si possono realizzare dei lavori carini!
      Ciao

      Elimina
  2. Ciao Francesca, grazie di aver partecipato al linky e grazie per queste risorse gratis che non sono mai abbastanza! Quindi ci sono altri post del genere in arrivo? Non vedo l'ora di leggerli!

    Intanto queste icone me le pinno nella mia board dedicata alle social icons.

    Bacione, alex

    RispondiElimina
    Risposte
    1. Si Alex! al più presto arriveranno altre risorse gratis!
      benvenuta! ^_^

      Elimina
  3. Che brava Francesca!!!! Mi piacciono le tue risorse, continua così cara :D

    RispondiElimina
  4. Complimenti, sono tutte molto carine! Brava!!!
    Hai ragione, lavorare con questi codici sembra impossibile all'inizio, ma si tratta solo di prenderci un po' di confidenza! :)
    Isabella

    RispondiElimina
  5. Le tue icone sono veramente molto belle. Ho scoperto il tuo blog per caso e sto provando ad usare le tue icone. Mi piacciono tanto. Complimenti! e ancora grazie per averle rese free!

    RispondiElimina
  6. Ciao @FusillaCreativa ti ringrazio!
    Se te ne servono di personalizzate chiedi pure...! ^_^

    RispondiElimina

grazie a te!