sabato 12 gennaio 2013

Come inserire il pulsante mi piace di Facebook : uso del gadget HTML/JavaScript

Parliamo oggi del gadget HTML/JavaScript, utilissimo per inserire applicazioni che abbiamo trovato sul web. E lo farò mostrandovi come inserire il pulsante
che proprio ieri ho aggiunto  a questo blog, qui a destra. Cominciamo.
Aprite la pagina del Layout cliccando prima su Design e poi su Layout. Cliccate su "Aggiungi gadget" e scegliete HTML/JavaScript. Vi si aprirà una finestra dove dovrete completare i  campi Titolo (ma è facoltativo, io infatti l'ho lasciato in bianco perché il titolo viene visualizzato nel blog subito sopra l'applicazione e a me non serve dare un nome al pulsante di Facebook), e il campo Sezioni del sito dove andrete a copincollare il codice qui sotto dopo averlo selezionato:

<script 
src="http://connect.facebook.net/it_IT/all.js#xfbml=1"></script><fb:like
href="" show_faces="true" width="200" font="arial"></fb:like>


Detto fatto! Salvate, sistemate il gadget nel punto del layout desiderato, visualizzate  e il gioco è fatto!

Ci sono anche altre opzioni riguardo al pulsante mi piace di Facebook ma, per averle, dovete andare a modificare il codice html del vostro blog e inserire lì delle stringhe di codice. Il discorso però si fa più complesso, per cui lascio questo argomento ai siti dedicati più specialistici.

67 commenti:

  1. Ciao, sono Manuela del blog passionecreativitafeltro.blogspot.com, sono arrivata al tuo blog mentre vagavo sui vari blog.....ho, non uno ma due grossi problemi (se così si possono chiamare), il primo è che quando inserisco un gadget HTML/JavaScript non appare nessuna foto ma solo l'indirizzo mail che ho copiato nella Sezione del sito e non ho idea del perchè....ed il secondo è che non riesco più ad inserire le foto nei post....mi è sparito il tasto sfoglia per cercare le foto nel mio pc...(credo di averlo spiegato meglio nel mio ultimo post).....potresti aiutarmi??? grazie mille
    Manuela

    RispondiElimina
  2. Per quanto riguarda il tuo secondo problema, sicuramente la causa è che usi Internet Explorer come browser. Prova ad aprire blogger con Google Chrome o Mozilla Firefox (se non li hai sul pc, puoi scaricare entrambi gratuitamente in rete)e vedrai che il tasto sfoglia riapparirà come per magia. Fai lo stesso anche col tuo problema numero uno e vedi se usando uno di questi due browser risolvi, altrimenti proveremo a cercare un'altra soluzione. Tienimi aggiornata!

    RispondiElimina
    Risposte
    1. La soluzione è così semplice!?!?....Woooowwww già pensavo al peggio :) purtroppo in questi giorni sono un pò incasinata e penso che posso riprovare solo nel week end...comunque ti faccio sapere...intanto grazie mille per l'aiuto, ti auguro una buona settimana
      Manuela

      Elimina
    2. Bene, buona settimana anche a te!

      Elimina
    3. Buongiorno Lucia....non ci posso credere...ci sono riuscita....il tuo consiglio è stato troppo azzeccato, e per questo ho voluto ringraziarti nel post che non riuscivo a pubblicare....spero non ti dispiace....se vuoi dare un'occhiata lo trovi qui http://passionecreativitafeltro.blogspot.it/2013/01/fustellati.html

      grazie grazie e ancora grazie...buon week end
      Manuela

      Elimina
    4. Siamo qui per questo, no? :-)

      Elimina
  3. Sono contenta di averti scoperta o meglio di aver scoperto il tuo blog :-) grazie a bellalullo...
    C'era proprio bisogno di un blog utile come questo, per qualcuna di noi che si é lanciata in quest'avventura del blog ma ha ancora molte lacune.
    Infatti non ho esitato neanche un istante a diventare tua follower.
    Ti faccio davvero tanti complimenti per i post pubblicati fino a questo momento, veramente ben fatti...
    Mi farebbe tanto tanto piacere se passassi da me, dolcissimamenthe.blogspot.it
    Ti auguro una bellissima settimana..
    Un saluto caloroso...

    RispondiElimina
    Risposte
    1. Grazie, per esserti unita ai followers e per i complimenti. Se hai quesiti da pormi non esitare. E ora vado a visitare il tuo blog! ciao

      Elimina
  4. E vai ce l'ho fatta anch'io! Sei molto brava perchè spieghi in modo davvero chiaro. Una domanda: ora accanto al tasto "I like" sul mio blog c'è solo la mia foto e la frase You and 16 persons like this. Significa che tutti vedono la mia faccetta o solo io?
    http://www.occhioaltrucco.blogspot.ch/
    Grazie mille. Continuerò certamente a seguirti. Sei già tra i miei preferiti

    RispondiElimina
    Risposte
    1. La vedi solo tu! Ti ho lasciato un commento anche io! Molto interessante il tuo blog!

      Elimina
  5. Ciao, io purtroppo ho uno sfondo scuro sarebbe possibile avere una scritta chiara? il mio blog è sia

    http://doveandareinvacanzaoggi.blogspot.it/ che http://fulvioagenziadiviaggi.blogspot.it/ e purtroppo come puoi vedere su sfondo scuro non si vede il pulsante like e poi...come mai qnd lo clicco mi da il like al con foto del banner sopra ma con il mio indirizzo? Quel like li si va ad aggiungere ai like di facebook? lo so...ti ho riempito di domande scusami ma è una cs che mi piacerebbe fare :)


    RispondiElimina
    Risposte
    1. Il problema è risolvibile ma non devi utilizzare questo widget che ho usato io. Bisogna invece agire sul codice HTML, andando su Design/Modelli/Modifica HTML. Se l'hai fatto altre volte ti consiglio di provare, ma ti rimando al blog di Ernesto Tirinnanzi, "Idee per computer ed Internet", che ha trattato l'argomento in modo esauriente e chiaro. http://www.ideepercomputeredinternet.com/2010/07/come-rendere-visibile-il-pulsante-mi.html

      Lì troverai anche altre opzioni di modifica del pulsante come ad esempio la possibilità di mostrare le icone di chi clicca su mi piace.

      Elimina
  6. Ciao.
    Grazie mille per il tuo script. (il primo semplice che ho trovato tra 10 mila).
    Domandina: si può mettere in italiano? (va bene anche così cmq..)
    altra domandina: un pulsantino uguale per twitter?
    ultima domandina (giuro): quei pulsanti che hai alla fine di ogni tuo post, ovvero mail to, blog, twitter, facebook, google +..... come si fa a metterli?

    grazie grazie grazie
    sei gentilissima!

    RispondiElimina
    Risposte
    1. Allora, andiamo con ordine.
      Domanda 1: sì, si può fare, anzi l'ho fatto! Basta riaprire il gadget e cercare nel codice en,US. A questo devi sostituire it,IT. Salva e aggiorna la pagina.
      Domanda 2: Il pulsante per twitter sarà oggetto di un prossimo post, quindi resta in ascolto.
      Domanda 3: per visualizzare quei pulsanti devi andare in Design/Layout e aprire il gadget "Post sul blog". Troverai l'opzione "Mostra i pulsanti per la condivisione", basta selezionarla e salvare.
      Ciao ciao!

      Elimina
  7. aggiunto. ma conta i mi piace fatti precedentemente sui post con altri programmi? perchè appena aggiunto il tuo codice dice piace a 16 persone anzichè 0.

    RispondiElimina
  8. ah no ho capito come funziona. il pulsante è meglio di quanto mi aspettassi, cambia in base al post dove sono. Grazie proprio un bel gadget.

    RispondiElimina
  9. Grazie mille, provato e funziona!!! ;-)

    RispondiElimina
  10. ciao!utilissimissimo questo post...ancora ne capisco poco di blogger e il tuo blog è super!
    volevo chiederti se è possibile anche aggiungere il pulsantino mi piace anche sotto ogni post. grazie mille del tuo aiuto..buon pomeriggio

    RispondiElimina
    Risposte
    1. Sì, si può fare ma devi agire sul codice html. Ti rimando a questo articolo di "Blog e Template" dove è spiegato molto bene come fare. http://blogetemplate.blogspot.it/2010/05/come-inserire-mi-piace-di-facebook-nel.html

      Elimina
  11. Ciaooo sai come si fa a inserire i commenti sul post tramite il profilo fb?? o.O

    RispondiElimina
    Risposte
    1. Cioè vuoi mettere sul blog i commenti che gli utenti scrivono sulla tua pagina Facebook? Se è questo che cerchi ti rimando a questo link di Ernesto Tirinnanzi, dove la procedura è spiegata in maniera molto chiara. Ernesto però sconsiglia l'uso di questo codice perché rallenta il blog e in alcuni casi sembra non funzionare bene. http://www.ideepercomputeredinternet.com/2011/12/come-mostrare-il-modulo-dei-commenti-di.html

      Elimina
  12. Grazie della dritta ;)

    http://martastreetbook.blogspot.it/

    RispondiElimina
  13. Geniaaaaaleeee.... Spiegazione chiarissima!

    RispondiElimina
  14. Ma.. (scusate sono nuova di qui) prima di mettere il pulsante "mi piace" devo creare una pagina facebook sul sito??

    RispondiElimina
    Risposte
    1. ehm...c'è qualcuno che mi può rispondere perfavore? :)

      Elimina
    2. Mi spiace, ma ho visto solo ora la tua richiesta. No, non devi per forza creare una pagina fb per questo pulsante.

      Elimina
  15. utilissimo stavo impazzendo,
    vi aspetto sul mio blog

    RispondiElimina
  16. ciao, una risposta anche per me, per favore: ho inserito il bottone "mi piace" e va tutto bene, solo che no vedo il logo del mio blog ma solo la scritta "pinterest"...come mai?
    Grazie barbara

    RispondiElimina
  17. io ho un problemino cliccando su aggiungi un gadget mi esce la possibilità di scelta tra gadget di base, altri gadget e aggiungi il tuo...qui cosa devo fare? dov'è html/java.script ? vi prego rispondetemi

    RispondiElimina
    Risposte
    1. Html/javascript è nei gadget di base. Clicca su quello e poi dovresti scorrere l'elenco finché non lo trovi.

      Elimina
  18. ce l ho fatta ad aggiungere il pulsante mi piace! grazieeeeee

    RispondiElimina
  19. Ciao provo e riprovo ma quando copio il tuo codice una volta fatto salva nel blog mi appare sempre e solo il tuo codice....cosa posso fare??? Domanda, il fatto che io abbia impostato la lingua inglese come principale nel mio blog c'entra qualcosa????

    RispondiElimina
    Risposte
    1. Non penso proprio che dipenda dalla impostazione della lingua. Anche perché il codice é universale.

      Elimina
  20. Grazie mille! Il tuo post è stato molto utile e ci ho messo un attimo a inserire questo gadget! :-)
    Penso visiterò ancora il tuo blog per altre informazioni!

    http://brossicreative.blogspot.it/

    RispondiElimina
  21. Ciao! volevo chiederti una cosa, con questo gadget metto il mi piace di facebook al blog intero e se volessi mettere il pulsante in ogni post come dovrei fare? grazie ^_^

    RispondiElimina
  22. E' spiegato molto dettagliatamente qui. http://blogetemplate.blogspot.it/2010/05/come-inserire-mi-piace-di-facebook-nel.html

    RispondiElimina
  23. Ciao, il tuo post mi è stato molto utile! =) Solo che alcuni blog, sul pulsantino del "mi piace" inseriscono anche il nome della pagina a cui il blog è collegato...sai per caso come si fà? Io ho aperto il mio blog http://neverbehopeless.blogspot.it/ solo due giorni fa e sono ancora inespertissima!

    RispondiElimina
  24. Utilissimo grazie!!
    Se volete visitare il mio blog: http://francyn93.blogspot.it/

    RispondiElimina
  25. Ciao, sono capitata sul tuo blog proprio perché vorrei aggiungere il tasto mi piace e altri pulsanti social. Il problema è che ho provato a seguire la tua procedura ma, nell'anteprima, il mi piace non si vede. Cosa dovrei fare per ovviare al problema? E come aggiungere pure gli altri pulsanti? Grazie in anticipo. Ines.
    http://cook-zone.blogspot.it/

    RispondiElimina
  26. Ciao, il tuo blog è utilissimo, complimenti! Io sono nuova, sto cercando di imparare... Vorrei un gadget che consenta l'iscrizione al blog col profilo facebook. Esiste? Oppure devo toccare il codice html? Grazie! A presto. Erika
    http://questionedibiglie.blogspot.it/

    RispondiElimina
  27. Grazie davvero per tutti i consigli utilissimi che si possono trovare e la disponibilità!!
    Sono alle prime armi e ho ancora molto da imparare!!
    Questo è il mio blog : lavaligiainsoffitta.blogspot.com se ti fa piacere, vienimi a trovare!
    ciao e grazie!

    RispondiElimina
  28. grazie mille da 4tretre.blogspot.it !!!!!!!!!

    RispondiElimina
  29. Ciao grazie bellissimo articolo molto chiaro, potrei sapere come posso usare il tasto mi piace solo ed esclusivamente come un contatore di voti. Ne dovrei inserire una trentina. Grazie

    RispondiElimina
  30. ciao, COMPLIMENTI per il tuo blog!
    sono arrivata qui mentre cercavo la soluzione ad un mio problema sul blog non posso più accedere a design...probabilmente qlc blocca accesso, ma nn saprei da dove cominciare ad eliminare (riesco a proseguire solo con mozzilla firefox)

    Il msg dice "Messaggio da Web Error Possible problem with your *.gwt.xml modul file...

    time user.agent value (gecko 1-8) doesn't match Runtime. Expected more errors"
    o.0
    semmai hai la soluzione al mio problema mi contatti?
    Grazie
    http://mrsdclasses.blogspot.it/

    RispondiElimina
  31. ciao, sono arrivata al tuo blog dopo ore di ricerca e tentativi inutili di aggiungere questa benedetta barra. SEI GRANDE. Non solo mi è riuscito al primo colpo ma è anche molto più facile di quello che avevo provato finora. Grazie infinite Catia.
    PS. se hai voglia fai un giretto nel mio nuovo blog così vedi come ho messo in pratica le tue istruzioni. http://piccolegioienonsolobijoux.blogspot.com/

    RispondiElimina
  32. Ciao! Ho trovato provvidenziale questo post che mi ha consigliato Erica del blog "La Cuocherellona". Ho inserito il tasto ma ho un problema... Praticamente se clicci mi porta al mio profilo personale che è già pieno invece io vorrei condurre i miei lettori e le mie lettrici alla mia pagina di gradimento... Mi potresti aiutare per favore? Grazie mille
    Federica :-)

    RispondiElimina
  33. Ottimo: semplice ed efficace!

    RispondiElimina
  34. Funzionato a primo colpo! Perfetto!

    RispondiElimina
  35. Come si fa a inserirlo sotto al titolo del post?Grazie

    RispondiElimina
  36. Grazie!! ...se vuoi puoi dare un occhiata al mio blog: http://ideedililli.blogspot.it e mettere un bel "mi piace"!
    Ancora grazie per la spiegazione
    Ciao lilli

    RispondiElimina
  37. Ciao!! Ho creato un blog da pochissimo, dedicato ai libri, non sono molto esperta, sto cercando di imparare!! Ho un problema per quanto riguarda l'inserimento dei gadget, fino a poco fa, ne ho messi alcuni tranquillamente, ma adesso, se clicco sull'icona "aggiungi un gadget" non succede nulla! In pratica devo aggiungere un indirizzo web, ma non so come fare, riesci ad aiutarmi? Questo è il blog http://booksinwonderlands.blogspot.it/
    Grazie mille!

    RispondiElimina
  38. complimenti molto chiaro! provavo e riprovavo ma niente.. grazie.
    una domanda forse banale.. io gestisco anche una pagina FB.. questo "mi piace" non è collegato alla pagina giusto?
    mi spiego.. se Tizio clicca, mi informa che a tizio (utente FB) piace il blog.. ho capito bene? grazie ancora

    RispondiElimina
  39. Utilissimo,sto creando il mio primo blog e questi consigli mi sono di un enorme aiuto,grazie e complimenti!

    RispondiElimina
  40. Ciao grazie mille sono riuscita ad inserire anch'io il pulsante nel mio nuovo blog! se ti va passa www.anelloapois.com baci

    RispondiElimina
  41. CIAO, GRAZIE IN ANTICIPO, IL TASTO E' COMPARSO SUL MIO BLOG, SI E' INDIRIZZATO DIRETTAMENTE SULLA MIA PAGINA FB?
    PERCHE' MI HANNO MESSO MI PIACE MA SULLA MIA PAGINA NON RISULTA, COME SI AGGIUNGE ANCHE QUELLO DI YOUTUBE?, RISPONDI PRESTO CIAO CIAO

    QUESTO è IL MIO BLOG


    http://deepsoftwaredownload.blogspot.it/

    PAGINA FB

    http://facebook.com/deepsoftwaredownload

    RispondiElimina
  42. Ciao, sono ruiz del http://freegamesruiz.blogspot.it , tenevo a ringraziati perché ho imparato molto da questo sito grazie

    RispondiElimina
  43. Ti ringrazio infinitamente! Finalmente sono riuscita a inserire il tasto mi piace nel mio blog http://ilruggitodelmouse.blogspot.it/ ! Ora non mi resta che cliccare mi piace al tuo utilissimo blog! Una domanda... Sai anche dirmi (se non hai già fatto un post su questo) come collegare un blog a una pagina facebook in modo da far mettere mi piace anche alla pagina? Ci sono dei post sull'argomento ma si basano su impostazioni un po' vecchie di facebook e di blogspot e non ci sono riuscita :-( Ti ringrazio anticipatamente per l'aiuto! Complimenti per il blog!

    RispondiElimina
  44. Ciao,

    come succede (per fortuna) di solito, girovagando per la rete si trovano poi i posti giusti dove trovare anche le persone giuste e a questo proposito vorrei chiederti per cortesia se puoi aiutarmi in questo mio piccolo problema. Ho inserito nel sito che gestisco per mia moglie l'icona "like" di Facebook. Finora avevo inserito quella classica "F" che rimandava alla sua pagina Facebook. La cosa singolare è che ora, questo "Like" mi si visualizza con Chrome e IE mentre cFirefox mi risponde picche! Hai un'idea di come potrei rispolvere questa questione? Ho provato ad installare addons/plugins di ogni tipo in Firefox ma senza risultati.

    Grazie mille in anticpo e un saluto!

    Ernesto

    RispondiElimina
  45. Sempre ottimi articoli ben fatti, complimenti

    RispondiElimina
  46. grazie mille, pochi minuti e sono riuscita ad inserire il tasto "mi piace" sul mio blog!!!

    RispondiElimina
  47. Articolo fantastico e ben strutturato, bravi

    RispondiElimina
  48. Ciao, ho già sul blog pulsante mi piace collegato alla pagina fb, quello che vorrei è inserire una sorta di finestra che compare davanti tutto come si accede al blog e chiede se si vuole mettere mi piace (che l'utente possa possa anche chiudere ovviamente). Sai come si fa? grazie

    RispondiElimina