1.8.13

Blog design: come inserire il box commenti di Facebook in Blogger

1.8.13 32 Commenti
Vuoi inserire il box dei commenti di facebook sotto i tuoi post e non sai come fare?
No problem, ho studiato io per te :)

Vai prima di tutto a questa pagina, poi segui le istruzioni dell'immagine n.1



Per inserire il box sotto ad ogni post devi entrare nel codice HTML del tuo blog, poi segui l'immagine qui sotto

Evidenzia poi tutta la riga che racchiude il 'post' e clicca lì dove ci sono i puntini sospensivi. Si aprirà il widget completamente evidenziato. LASCIATE EVIDENZIATO e, stando attenti a questo, scendete fino alla fine del widget, ossia fino a quando incontrerete il tag di chiusura.
Ecco proprio prima di questo tag, inserite il secondo codice dato da fb.



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

Spero sia utile a qualcuna/o di voi!
E' ovvio che più un blog ha una pagina con molti fans attivi, e più si ha l'esigenza di inserire uno script del genere.
Fatemi sapere se ne usufruite, se lo ritenete utile oppure no :)

AGGIORNAMENTO!

Se volete inserire il box sotto ad ogni post, o comunque vedere come procedere date un'occhiata a questo video tutorial ;)

32 commenti:

  1. Ciao! Trovo questo post molto interessante e vorrei inserire il box con i commenti sotto ogni singolo post. Sfortunatamente non ci riesco e il widget con all'interno la stringa finisce sempre nella home page, in basso. Vorrei invece che il box apparisse sotto tutti gli articoli, ma non so come fare...

    RispondiElimina
    Risposte
    1. Ciao Luigi, benvenuto :)
      Per inserirlo sotto ogni post devi entrare nel codice HTML del tuo blog... forse mi viene più facile fare uno screenshot :)

      Elimina
    2. Grazie, Simona :)
      Adesso il box con i commenti è sotto ogni singolo post. Avrei un'ultima domanda: siccome il box compare anche nella home page oltre che dopo la stringa "Continua a leggere...»", ci sarebbe un modo per farlo apparire soltanto quando si accede alla zona commenti? Scusa se faccio tutte queste domande, intanto ti ringrazio del prezioso aiuto :D

      Elimina
    3. Guarda l'unico modo che sono riuscita a trovare è quello di inserire il codice lì dove andrebbe la firma (vedi questo post: http://sketchyourblog.blogspot.com/2013/03/come-inserire-la-firma-nei-post.html), poi però dovrai sempre dividere il post in due parti (il classico 'read more...') C'è un però grande quanto una casa, che così facendo sarà nascosto sì, ma lo avrai solo per i post futuri, a meno che tu non voglia passare un po' di tempo ad inserirlo manualmente sotto ogni post che hai creato. Purtroppo Blogger ha i suoi limiti -.-

      Elimina
  2. Troppi limiti direi :P
    In realtà ho inserito il box, ma sfortunatamente un commento si ripete in tutti gli altri post. Temo che il widget che Facebook mette a disposizione sia limitato ad una pagina e non a tutti i suoi articoli...

    RispondiElimina
  3. Ciao! grazie prima di tutto per la guida :)
    ho però un problema, quando inserisco la prima riga di codice sotto body mi da questo errore: Errore di analisi XML, riga 300, colonna 62: The reference to entity "appId" must end with the ';' delimiter.
    purtroppo non capisco perché mi dia questo errore
    sapresti aiutarmi?

    RispondiElimina
    Risposte
    1. Guarda mi sembra strano un errore del genere perchè a me non lo ha dato, però sai dirmi se cancellando il codice inserito e salvando ti dà lo stesso errore?

      nel caso poi ti ricompare, in automatico ti dovrebbe evidenziare la riga, o comunque ci sono i numeri sulla sinistra... per aggiungere il ';' lì dove dice lui, devi contare fino a 62 (le colonne), partendo da sinistra...

      oddio spero di averti aiutata così O.O

      Elimina
  4. Caspita!
    Questo per me fa parte delle cose proibite (sono una cima) e non ho FB.
    Però grazie dei tuoi sempre utilissimi auti.

    Mary

    RispondiElimina
  5. Ciao Simona! Post utilissimo! Era proprio quello che cercavo! Però a me dà lo stesso errore che ha segnalato Matrider90, cioè: Errore di analisi XML, riga 1354, colonna 62: The reference to entity "appId" must end with the ';' delimiter. Non mi fa salvare le modifiche così! Come posso fare? Perché il ";" c'è!!

    RispondiElimina
  6. Bravo! Un post chiarissimo. Ne ho letti altri riguardo allo stesso argomento ma non sono riuscita a seguire le istruzioni di nessuno perchè davano tutti per scontate diverse cose che conosco. Invece il tuo è chiarissimo. Grazie mille!

    RispondiElimina
  7. Ciao Simona, grazie per l'articolo interessantissimo! Dunque ho cercato il tag di apertura body ma a quanto pare non c'è nei miei layout (ho provato in diversi). C'è solo quello di chiusura.
    Ho fatto una ricerca e a quanto pare il problema non è solo mio:
    http://productforums.google.com/forum/#!topic/blogger-it/p9CVpWBeyFA

    Ho tentato di aggiungere così il primo codice in un widjet HTML, ma nulla, non funziona.

    Ti viene in mente qualcos'altro per aiutarmi?
    Grazie mille in anticipo! :)

    RispondiElimina
    Risposte
    1. mi sembra molto strano che non ci sia...
      cerca il tag ' /head ', vedrai che subito sotto c'è il tag ''
      i puntini ti stanno ad indicare che all'interno trovi scritto anche qualcos'altro (che però non cambia nulla a noi)
      :)

      Elimina
  8. Ma lo trovato scegliendo HTML 5 nei widget

    RispondiElimina
    Risposte
    1. dipende forse dal tipo di template installato :)

      Elimina
  9. Scusate se mi intrometto nella conversazione, ma anch'io ho lo stesso problema, non riesco a inserire il codice dello script di facebook dopo il body in quanto è modificato con Kompozer e sulla stringa mi dà questo:

    Come faccio a inserire lo script dei commenti?
    Qualcuno può aiutarmi? GRAZIE!

    RispondiElimina
    Risposte
    1. style="color: rgb(0, 0, 0); background-color: rgb(51, 102, 255);">

      Elimina
    2. Nel senso che la parola body compare assieme a style all'inizio

      Elimina
    3. Ciao Claudia, non preoccuparti, nessuna intromisisone :D
      Anche se nel tag è presente lo stile, fa lo stesso. Inseriscilo subito dopo la chiusura " > "

      Elimina
    4. Ti ringrazio, ho provato a farlo, ma non me lo fa istallare lo stesso, penso dia un problema di App.
      Ho dovuto prendere uno script esterno, e così ho risolto il problema. Grazie ugualmente, :)

      Elimina
    5. mi spiace che tu non ci sia riuscita, ma sono felice che tu abbia rimediato in altro modo :)

      Elimina
  10. Grazie! Utilissimo!!! vi aspetto per commentare i miei post! jejejeej!

    RispondiElimina
  11. Sono finalmente riuscito ad inserire nel mio blog il box dei commenti su Fb... Per quanto riguarda la soluzione al problema di codice lamentato da alcuni amici, qui la soluzione http://www.techparadise.info/2012/12/facebook-like-code-error-reference-to.html

    RispondiElimina
    Risposte
    1. Grazie mille Geppe per averla condivisa con noi!!! :)

      Elimina
  12. Grazie mille! Utilissimo! E complimenti per la grafica ;)

    RispondiElimina
  13. Ciao Simona! complimenti per i tuoi articoli! mi stanno salvando la grafica ;) ho solo un problema, non riesco a capire come mai un commento fatto con il box facebook mi venga ripetuto sotto ogni post.. :( hai una soluzione ? grazie mille!!

    RispondiElimina
    Risposte
    1. Ciao a te ^_^
      Viene ripetuto perchè inserendo un solo box i commenti vengono ripetuti, nonostante i post differenti...
      esiste un metodo, ma bisognerebbe inserirlo manualmente, post per post...
      la soluzione l'ho trovata e la mostrerò in un video tutorial :)

      Elimina
    2. MERAVIGLIOSO!! grazie :) ALLORA RIPASSERO!

      Elimina
  14. Ciao Simona.
    Chiedo il tuo aiuto!!!
    Lo sai che sono una neo-blogger e quindi sto smanettando con gli strumenti del mestiere. Non riesco a trovare un tutorial/guida per inserire nel blog il gadget di facebook (come quello che hai tu in fondo alla pagina). Forse c'è anche tra i tuoi ma non sono riuscita a capire qual'è.
    Grazie mille in anticipo.
    Mary

    RispondiElimina
    Risposte
    1. Ciao Mariangela! Guarda è semplicissimo!
      Segui questo mio tutorial, solo che (nel menu a sinistra, dove sono elencati i social plugins) devi scegliere like box, poi continua a seguire il mio tutorial... se poi vuoi inserire il box in fondo al blog, ti basta inserire il codice (che ti viene indicato come 'quello dove vuoi che appaia il box') in un gadget HTML/Javascript ^_^

      Elimina
  15. Questo commento è stato eliminato dall'autore.

    RispondiElimina

buzzoole code
Copyright © La Creative Room.