14 luglio 2014

45 commenti Condividi il post Facebook Twitter Google+

Come aggiungere e personalizzare il pulsante "Pin it" al passaggio del mouse sulle immagini del blog

Pin itIeri Pamela, dei blog "Una mela verde lime" e "La fabbrica delle dolcezze", in una mail mi ha scritto:

Ciao Iole,
ho visto che molte blogger hanno sulle proprie foto il pulsante Pin it che permette, se schiacciato, di mettere il pin a quella foto su Pinterest. Io ho trovato un tutorial ma non oso mettere mano al codice del template.

Ed ecco oggi per Pamela e per tutti voi un tutorial per inserire e personalizzare facilmente il pulsante "Pin it" al passaggio del mouse sopra le immagini del vostro blog e senza mettere mano al template.

Nel tutorial segnalatomi da Pamela era riportato il codice che si può prelevare dalla pagina "Widget builder" di Pinterest dove si può personalizzare il pulsante scegliendo tra 2 dimensioni (piccolo o grande), 2 formati (rettangolare o rotondo) e 3 colori (grigio, rosso o bianco).

In rete inoltre ho trovato numerosi altri tutorial per personalizzare con una propria icona il pulsante classico di Pinterest; tutti rimandavano alla pagina del creatore dello script ossia BloggerSentral.

Ed ecco per voi ho realizzato 24 formati diversi in 28 colori differenti per un totale di ben 672 icone!

Come al solito seguite le semplici istruzioni riportate di seguito e infine prelevate il codice html presente nel box di testo ed incollatelo in un gadget di tipo html/javascript della sidebar.

Spero vi piacciano! Se desiderate un pulsante personalizzato (di un colore o di un formato diverso) lasciate pure un commento con la vostra richiesta e il vostro indirizzo email al quale vi invierò presto il codice.


Pin it personalizzati

Pin it per Pandoraa

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

45 commenti

  1. Ciao Iole, ti ringrazio tanto per questo nuovo post. Ne ho approfittato...
    Un abbraccio,
    Anastasia

    RispondiElimina
  2. @anastasia: sono contenta che ti sia stato utile questo post.
    Ho visto che hai scelto un cuoricino ^_^

    RispondiElimina
  3. ma come si farebbe senza di te?brava brava cara...peccato che io e Pinterest siamo 2 mondi opposti non ci capisco nulla...ma questa P potrebbe equivalere al mi piace di Fb? booooh hahahahaha pardon l'ignoranza

    RispondiElimina
  4. Pure io cara Iole, a dirti il vero non ho perfettamente capito!
    Scusa ma con tutte queste novità io non ci capisco proprio niente.
    Ciao e grazie della tua sempre disponibilità, un abbraccio.
    Tomaso

    RispondiElimina
  5. @Mile mua e Tomaso: se può consolarvi... anch'io di Pinterest so ben poco (e non lo uso affatto).
    Come Pamela, ho notato che molte blogger hanno la "P" al passaggio del mouse sulle foto dei post o un pulsante alla fine di ogni post, soprattutto nei blog di cucina pieni di foto di ricette, nei blog di cucito creativo, di ricamo, di gioielli e bijoux fatti a mano, ecc. ma anche nei blog di make-up o personali come i vostri. Insomma è presente nei blog dove ci sono tante foto.
    "Pinnare" un'immagine equivale al "Mi piace" di Facebok o al "+1" di Google+. Nel mio blog non lo inserisco perché ci sono poche immagini, chi vuole può condividere i miei post sugli altri social network.

    RispondiElimina
  6. ciao sn la figlia dell'account con cui ti scrivo nn ho mai messo commenti nel tuo blog ma ci entro tutti i giorni è fantastico mi chiedo come fai a fare tutti quei tutorial e quelle icone poi bellissime davvero brava complementi volevo chiederti una cosa nn è che potresti fare un piccolo gadget per il mio blog se nn ti è di troppo disturbo e se nn bisogna pagare perché ho visto le donazioni e nn ho capito se per chiederti una cosa bisogna pagare ecco quindi se nn è da pagare e se puoi potresti farmi una firma personalizzata che fa apparire le lettere una alla volta con scritto alice super vampi fan
    ciao grazie complimenti ancora per il blog

    RispondiElimina
  7. Bravissima!!!! Mi sono aggiunta al tuo blog! Ottimi consigli per una frana come me! Piacere di conoscerti io sono Rosy. Ti ho contattato in privato ciau

    RispondiElimina
  8. Ciao bravissima Iole,grazie per questo nuovo gadget che ho usato ;)Io utilizzo sempre pinterest e in pratica è come se fosse un'archivio di foto diviso in vari argomenti dette bacheche e io lo adoro =)
    A presto

    RispondiElimina
  9. grazie Iole, un'ottima ideona! Come sempre sei "semplice ed immediata" nelle spiegazioni e molto creativa nelle realizzazioni.
    grazie ancora
    baci e fusa
    Paty

    RispondiElimina
  10. grazie mille cara!!! Sempre super utile!!!

    RispondiElimina
  11. Favoloso!! Stamane cercavo proprio questo argomento!! Prelevato e grazie 1000!!

    RispondiElimina
  12. Ioleeeeeeeeeeeeeeeeeeeeeee
    bravissima
    smacketteeeeeeeeeeeeeeee
    mariantonietta

    RispondiElimina
  13. @Franco Benvenuti - Alice: avevo già risposto ad un tuo commento qui.
    Nel mio blog comunque nessuno deve pagare per avere dei widget ma chiunque può sostenermi con donazioni spontanee. Ovviamente ricevendo ogni giorno numerose richieste e avendo poco tempo a disposizione, do la priorità assoluta alle richieste di chi è stato generoso con me e poi a tutti gli altri.
    @rosy2550: benvenuta nel mio blog e grazie mille per i complimenti!
    Mi hai forse inviato una mail??? Oggi pomeriggio sono stata fuori casa ed ora mi sono collegata solo per pubblicare i commenti. La leggerò domattina!
    @Pandoraa: ecco allora per domande su Pinterest possiamo chiedere a te?
    @Patrizia Mainardi: nel tuo blog ci starebbe bene un "Pin it" micioso ^_^
    Presto aggiungerò altre icone...
    @Giofanny: grazie per i complimenti!
    @Paola ilcuorearrosto: allora ho scritto il post giusto al momento giusto ;)
    @maria antonietta Sechi: grazie cara. Un bacione grande grande!!!

    RispondiElimina
  14. Iole posso chiederti un pin it personalizzato?se è possibile con i cupcake
    A presto

    RispondiElimina
  15. @Pandoraa: ho appena aggiornato il post con il tuo "Pin it personalizzato".
    Per qualsiasi modifica sono qui a disposizione.

    RispondiElimina
  16. Wow,grazie mille,l'ho aggiunto anche io nel blog!!!
    Grazie!!!!

    RispondiElimina
  17. Iole ma è stupendo *_* a momento non posso applicarlo ma appena posso lo metteró perchè proprio fine e in più del mio colore preferito:);)
    Grazie,grazie e grazie

    RispondiElimina
  18. @Monica Rita: grazie a te che utilizzi questo e altri miei widget!
    @Pandoraa: sono contenta che ti piaccia il cupcake che ho sfornato per te ^_^

    RispondiElimina
  19. @Paola ilcuorearrosto: grazie ^_^

    RispondiElimina
  20. fantastica come sempre!!!!
    un abbraccio

    RispondiElimina
  21. @Pamela Trainito: grazie per i complimenti!
    Per qualsiasi cosa... contattami pure. Sono sempre a tua disposizione ;)

    RispondiElimina
  22. @maria antonietta Sechi: grazie cara ^_^

    RispondiElimina
  23. Grazie...ancora una volta il #blogacavolo è stato migliorato da un tuo prodotto! ^_^

    RispondiElimina
  24. @Antonella Piemonte: mi fa piacere che anche questo mio post ti sia stato utile per migliorare il tuo blog!

    RispondiElimina
  25. Ciao Iole,
    ho appena aperto un blog e sono imbranatissima con tutte queste cose.. però questo tuo post mi è stato utilissimo e ne ho approfittato. Grazie Grazie Grazie!! ^.^

    RispondiElimina
  26. @ilpostodellefragole82: sono contenta che il mio post ti sia stato utile.
    Nel mio blog trovi numerosi widget per abbellire il tuo blog e vari tutorial per personalizzarlo. Per qualsiasi cosa se ti serve aiuto... sono qui a disposizione.
    Ed ora passo a visitare il tuo blog ;)

    RispondiElimina
  27. Come sempre le tue creazioni sono favolose!! *_* Questa in particolare la trovo utilissima! Grazie! Ora mi guardo un po' di video nella tua home!! :) un abbraccio!

    RispondiElimina
  28. @Elisa Kiki: grazie per i complimenti e per aver sostenuto il mio blog con i video!

    RispondiElimina
  29. Ciao Iole, ti ho rubato un bottone!
    Sei davvero brava, non ho trovato nessun'altro che mettesse a disposizione tanti pulsanti personalizzati. Complimenti

    RispondiElimina
  30. @Ecce Home: grazie mille per i complimenti!
    In questo post trovi tantissimi pulsanti, diversi nella forma e nei colori. Inoltre è possibile anche richiederne uno personalizzato ;)

    RispondiElimina
  31. Ciao Iole, sei davvero gentilissima e fantastica, ho inserito un tuo bottone, ti ringrazio moltissimo, se mi mandi il tuo indirizzo appena posso ti invio un regalino, un bacio Gabry

    RispondiElimina
  32. @Gabriella Pirola: grazie per i complimenti e per il pensiero!
    Ti invierò presto il mio indirizzo :)

    RispondiElimina
  33. Ciao..grazie mille per il tutorial..volevo chiederti se c'era un modo (un codice da aggiungere a questo) per far si che al passaggio del mouse ogni immagine diventi un po trasparente?! grazie mille..

    RispondiElimina
  34. @NoxCreare: per rendere trasparente un'immagine al passaggio del mouse occorre aggiungere la proprietà opacity (indicando un valore compreso tra 0 e 1).
    Prova ad inserire questo codice css in un gadget di tipo html/javascript o nel codice html del template:
    <style> .post-body img:hover { opacity: 0.5; } </style>
    e poi varia il valore 0.5 a seconda se vuoi che le immagini siano più o meno trasparenti.
    Spero di esserti stata utile. Per altri dubbi o chiarimenti sono qui a disposizione.

    RispondiElimina
  35. Ciao Iole, ho trovato il tuo blog per caso. Ho utilizzato questo articolo per mettere il tasto di pinterest nel blog. Grazie mille. E' stato utilissimo.
    Auguri per l'arrivo della tua nuova principessa.
    Francy

    RispondiElimina
  36. Il tuo blog è una fonte infinita di utili consigli e ottimi codici!
    Volevo ringraziarti tanto, perché rendi le cose semplici anche alle più imbranatelle come me.
    Ho approfittato dei tuoi codici per il pin sull'immagine, e ti ringrazio tanto <3 sei provvidenziale!
    Un abbraccio!

    RispondiElimina
  37. Iole purtroppo non funziona nel mio blog! :( non so come mai :( secondo te come mai? eppure sono abbastanza brava con queste cose!

    RispondiElimina
  38. Ciao!!
    Ho fatto uso anche io del pulsante "pin it" e per questo volevo ringraziarti! ^__^
    Grazie per quello che fai !

    RispondiElimina
  39. Ciao!!
    Ne ho approfittato anche io e ho aggiunto anche io il "pin-it" ,spero nonti dispiaccia ^_^
    Grazie per quello che fai!!!

    RispondiElimina
  40. Ciao Iole,avevo già usato il tuo pulsante pin,ma da qualche giorno non si visualizza piu' al passaggio del mouse.
    Cosa sbaglio? Grazie infinite!Monica

    RispondiElimina
  41. Ciao Iole, da qualche giorno il pulsante Pin It non è più visibile sulle foto del mio blog.

    RispondiElimina
  42. @Ylenia, Monica Rita e Pink Lady: il pulsante "Pin it" è ancora non visibile nei vostri blog?

    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