14 marzo 2011

49 commenti Condividi il post Facebook Twitter Google+

Come inserire nel blog il pulsante "Mi piace" di Facebook

Come inserire nel blog il pulsante Proprio ieri ho inserito nel blog in basso a destra il pulsante "Mi piace" di Facebook ed oggi in tanti mi avete chiesto, via email o in chat, come inserirlo nel blog.

Ecco le semplici istruzioni per visualizzare il pulsante nel blog!

Il codice html necessario è il seguente:

<div style="position: fixed; bottom: 0px; right: 0px; width: 150px;"><span style="font-size: 10px; color: #F9D6DD;">Ti piace il mio blog?</span><br/><iframe allowtransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=http://iolecal.blogspot.com/&layout=button_count&show_faces=false&width=150&action=like&font=verdana&colorscheme=light' style='border:none; height:27px; width: 150px;'></iframe></div>

dove occorre personalizzare:

la posizione del pulsante nel blog
in basso a destra (bottom: 0px; right: 0px;)
in alto a destra (top: 0px; right: 0px;)
in basso a sinistra (bottom: 0px; left: 0px;)
in alto a sinistra (top: 0px; left: 0px;)

il colore della scritta "Ti piace il mio blog?"
color: #F9D6DD;

l'indirizzo del blog:
href=http://iolecal.blogspot.com/

Per inserire il pulsante "Mi piace" in ogni post, occorre modificare il template. Ne parlerò più dettagliatamente in un altro post.

Ti piace il mio blog?


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

49 commenti

  1. Molto carino questo post, penso che lo aggiungerò anch'io! :)
    Dolce notte cara!

    RispondiElimina
  2. hei!!! xD
    Potresti fare un post su come funzionano i feed sito x facebok?
    Cioe quel programma che condivide automaticamente sulla propria pagina di faebook o qualsiasi altro social network i post di blogger?

    RispondiElimina
  3. ciao come sempre bella idea!!! grazie tante me lo prendo subito...

    RispondiElimina
  4. @Mila: ho cliccato su "Mi piace"!
    @superDJ2: non conosco il programma di cui parli. Io condivido i miei post con AddToAny.
    @Alessandra: ho visto che hai cambiato di nuovo template. Anche questo è molto bello e poi lo sfondo si intona benissimo con il countdown per il compleanno del blog :)
    Ovviamente ho cliccato su "Mi piace"!

    RispondiElimina
  5. bello brava complimenti come sempre lo aggiunto anch io

    RispondiElimina
  6. A quando il pulsante MI PIACE da inserire in ogni post?

    RispondiElimina
  7. @Inguaribile viaggiatore: spero di riuscire a pubblicare presto il post.

    RispondiElimina
  8. gracias por el me gusta de facebook había intentado ponerlo y no había sido capaz.pero con esta explicación lo logra.
    hasta pronto.♥

    RispondiElimina
  9. Grazie! ho subito aggiunto il pulsantino!! ti seguo sempre con interesse

    RispondiElimina
  10. ..un'ultima cosa! io ho inseirito il codice in un elemento Html/Java script..ho fatto bene??? :)

    RispondiElimina
  11. @Crème Brulée: sì, è corretto!
    Non l'ho scritto nel post, ma occorre inserire il codice in un gadget di tipo html/javascript.

    RispondiElimina
  12. Grazie mille! il tuo post è stato davvero provvidenziale, perché non riuscivo ad inserire il tasto "mi piace" in italiano e di una grandezza conforme a dove volevo metterlo.

    RispondiElimina
  13. ciao, ti ringrazio per questo post ,perchè era già da un pò che provavo a mettere il mi piace al mio blog. Volevo chiederti ,io sono ruscita a metterlo solo che non ho fatto subito le modifiche ,così me lo ritrovo sulla destra della pagina e non mi piace,come posso fare a spostarlo?

    RispondiElimina
  14. @milady: sono stata sul tuo blog ma non vedo il pulsante "Mi piace". Comunque trovi il codice per ciascuna delle posizioni del pulsante nel mio post.

    RispondiElimina
  15. si l'ho tolto perchè a destra non mi piaceva cmq grazie adesso ho capito come fare..Ciao!

    RispondiElimina
  16. Ciao,
    è un blog molto utile, complimenti


    Marco

    RispondiElimina
  17. Ciao iole è bellissimo se visiti il mio blog i gadget li ho presi tutti da te ^_^

    RispondiElimina
  18. @chiara2001: sono passata a visitare il tuo blog... e ho visto tutti i widget che hai inserito ^_^

    RispondiElimina
  19. Ciao Iole il tuo post è stato utilissimo, solo che non essendo pratica di pc penso di aver fatto casino, perchè mi sembra troppo piccola l'icona in alto a sinistra. Come devo fare invece per fissarlo in un posto determinato come ad esempio le etichette? Non so se sono stata chiara.
    Ciao da Lalla

    RispondiElimina
  20. @Lalla: per visualizzare il pulsante nella sidebar devi modificare il codice presente nel gadget di tipo html/javascript eliminando queste due porzioni di codice:
    <div style="position: fixed;top: 0px; left: 0px; width: 150px;"> e </div>

    RispondiElimina
  21. Grazie Iole, ci sono riuscita finalmente, ma non so come si fa ad ingrandire leggermente il pulsante e a metterci la classica manina di FB.

    RispondiElimina
  22. @Lalla: purtroppo le dimensioni del pulsante non possono essere modificate.
    Per "classica manina" intendi forse il tipo di pulsante che compare in ogni mio post sotto la data?

    RispondiElimina
  23. Sì Iole...proprio quella.
    Come si fa? Ti prego di scusarmi....ma avrai capito che sono davvero una frana!
    Lalla

    RispondiElimina
  24. @Lalla: appena mi libero un po', pubblicherò il codice per i vari tipi di pulsanti disponibili...
    Al momento mi sto dedicando ai widget natalizi.

    RispondiElimina
  25. Grazie Iole...non preoccuparti tanto non mi corre nessuno dietro ahahahah
    Fai con comodo cara....non c'è furia.
    Buona giornata
    Lalla

    RispondiElimina
  26. Ciao sono Eleonora
    http://madebyeleonora.blogspot.com/
    http://laboratoriperbambini.blogspot.com/

    grazzissime!! ho fatto un sacco di tentativi ma solamente con il tuo post sono riuscita ad inserire il button!!

    RispondiElimina
  27. iole grazie mille! l'ho visto solo ora questo post e mi ero incasinata tempo fa per mettere i mi piace di facebook, con un plugin li ho messi nei vari post e con il codice che hai messo (che avevo provato in tutte le maniere a far andare ma non c'era verso) ho messo il pulsante sulla homepage :)

    RispondiElimina
  28. ciao Iole il tuo post mi è stato utilissimo. Ho inserito il pulsante, però non si vede bene, nel senso che scorrendo va in secondo piano quando ci sono gadget e foto.
    cosa ho sbagliato?
    grazie!!

    RispondiElimina
  29. scusami iole...sono riuscita a mettere il mi piace però quando ci clicco su e mi chiede di confermare, non esce la pagina del mio blog...come quando clicco sul tuo mi piace che ti esce il nome "iole"...esce "sign in" e non capisco perchè...ho provato e riprovato ma niente!!

    RispondiElimina
  30. @Puffin: non c'è niente di sbagliato nel codice del pulsante. Semplicemente alcune foto e widget hanno delle proprietà css per cui compaiono sempre in primo piano rispetto ad altri oggetti della pagina e anche del pulsante.
    @LE CREAZONI DI MAJA: ho visto che nel tuo blog utilizzi il mio traduttore ma hai tolto i credits (ossia il link al mio blog). Dopo ore e ore di lavoro impiegate a realizzare quel widget per permettere a tutti di tradurre il proprio blog in tante lingue non vedere i credits mi da molto fastidio. Mi dispiace ma non aiuto chi crede di essere furbo spacciando per proprie le mie creazioni.

    RispondiElimina
  31. Grazie, finalmente uno che funziona senza fare modifiche assurde :)...ho anch'io un blog: fioriematrimoni.blogspot.com
    vieni a visitarmi!

    RispondiElimina
  32. grazie, finalmente ci sono riuscita :)
    ho un blog anch'io
    fioriematrimoni.blogspot.com
    seguimi e fammi sapere che ne pensi!!

    RispondiElimina
  33. @Alessandra: benvenuta sul mio blog! Passo subito a visitare il tuo :)

    RispondiElimina
  34. Evviva!!! Finalmente ho trovato come fare... avevo provato in vari modi, ma niente da fare! Ora, grazie a te, anch'io ho il mio bel "mi piace" :)
    Grazie davvero e se ti va passa anche tu a trovarmi e magari dimmi cosa ne pensi :)
    dolciricettedilunetta.blogspot.it

    RispondiElimina
  35. Ciao Iole, purtroppo penso di essere l'unico a non capire dove inserire questo codice. Spero che qualcuno di voi possa dirmi dove inserire il codice, sarebbe una buona cosa per accrescere le visualizzazioni del blog. Questo è il blog http://andreasalidu.blogspot.it/. Grazie in anticipo!

    RispondiElimina
  36. Ciao!Il tuo blog è fantastico!Questo widget è molto carino ma io sto cercando il modo in cui aggiungere i pulsanti di facebook, twitter e google plus sotto ogni post vicino alla scritta commenti, insomma vorrei modificare il footer dei post ma non ci riesco! vorrei ottenere una cosa del genere:
    http://i48.tinypic.com/2a4nxq0.png
    ma mi appaiono tutti non allineati! Sei la mia ultima speranza perchè non trovo da nessuna parte qualcuno che spieghi come si faccia! Per favore potresti dirmi come fare? Grazie!>_<

    RispondiElimina
  37. Wero: mandami via email all'indirizzo iolecal@gmail.com il codice che hai inserito nel tuo blog; controllo cosa non va e te lo rimando corretto.

    RispondiElimina
  38. Molto utile il post ma il codice dove va copiato all'interno dell'html?

    RispondiElimina
  39. ciao Iole, si fino a qualche gionro fa funzionava, ora si +è azzerato da cosa può dipendere? Cosa posso fare per riattivarlo, devo reinserirlo?
    Grazie 1000

    RispondiElimina
  40. l'indirizzo del blog è questo
    http://puffinincucina.blogspot.it
    grazie di nuovo

    RispondiElimina
  41. @Andrea: non mi ero accorta che il tuo commento era ancora in attesa di moderazione.
    Sono stata sul tuo blog e ho notato che hai aggiunto e anche personalizzato il pulsante! Mi dispiace non esserti stata d'aiuto.
    @ANDREA FANTUCCHIO: se hai un blog su Blogger il codice va inserito in un gadget di tipo html/javascript.
    @Puffin Incucina: sono appena stata sul tuo blog e il contatore segna 71 "Mi piace". Se nei giorni scorsi risultava azzerato penso sia stato un disservizio momentaneo di Facebook.

    RispondiElimina
  42. Veramente iole io non ho fatto nulla!!! Non è affatto mia intenzione spacciare le cose create da altri come mie creazioni...non mi permetterei mai!!! Sono una persona serissima!!e mi spiace vedere commenti gratuiti quando non si conoscono le persone. Oltre ad essere un aspirante avvocato, Sono anch'io una creatrice e so cosa significa quando qualcuno spaccia per proprie le creazioni di altri, mi è successo per ben 3 volte!!!! non capisco cosa dovrebbe uscire!! io ho solo copiato e incollato il codice...niente di piu....Anche il mi piace non mi funzionava e come hai ben visto l'ho eliminato. Forse col mio blog non andava non so!!! spero che questo malinteso si sia risolto. un saluto, Carmen.

    RispondiElimina
  43. @MAJA BIJOUX CREATIONS: non volevo assolutamente offenderti ma avendo visto nel tuo blog il mio widget per le traduzioni senza il link che porta al mio post ho pensato che, come tanti altri purtroppo, avessi modificato opportunamente il codice html. Ti chiedo scusa.
    Ho dato un'occhiata al codice html del gadget e ho notato che ci sono delle porzioni di codice modificate, sicuramente non da te. Ti ricordi se l'hai prelevato dal mio blog o da qualche altro blog? Ho il sospetto che qualcun altro spacci le mie creazioni per proprie.
    Riguardo al "Mi piace", riprova ad inserire il codice così posso vedere nel tuo blog cosa non va controllando l'html della pagina.
    Scusami ancora per il malinteso; per farmi perdonare realizzerò per te un widget personalizzato. Quindi dimmi pure cosa ti piacerebbe per il tuo blog!

    RispondiElimina
  44. ciao iole!!! Veramente non mi ricordo dove l'ho preso quel codice è passato tanto di quel tempo!!! cmq tranquilla non devi assolutamente farti perdonare...succede...purtroppo c'è sempre qualche furbo che ruba le idee agli altri....ma scusa non puoi mettere qualche blocco?

    RispondiElimina
  45. @MAJA BIJOUX CREATIONS: chi vuole fare il furbo trova sempre il modo di rubare le idee degli altri.

    RispondiElimina
  46. Ciao Iole! Ho appena trovato il tuo blog per puro caso tramite un altro, e mi sono subito messa a vedere se c'era qualche gadget interessante, e ho trovato questo! ^_^
    L'ho appena messo sul mio blog: deborarivasi.blogspot.com
    Spero anche di aver fatto tutto bene! Se ho sbagliato, dimmi pure!

    RispondiElimina
  47. Sei un genio se ti fa piacere visita il mio blog e attenendoti ai colori di esso crea un banner che pubblicherò volentierissimo tutte le volte che utilizzerò le tue idee strepitose. Sei geniale!

    RispondiElimina
  48. @Makeuppiamoci DM: grazie mille per i complimenti!
    Trovi i miei banner in questo post!

    RispondiElimina

Se volete sostenere il mio blog, visitate questi siti. Grazie!
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