martedì 1 giugno 2010

Aggiungere il tasto Facebook Connect a Blogger/Blogspot






In questi giorni stavo cercando come poter inserire il tasto di Facebook Connect su Raggio di sole.
Finalmente ho trovato come si fa su Hi-Tech. Funziona!
Ricapitolo per chi ha difficoltà con l'inglese.


  • Scegliamo un nome per l'applicazione (potrebbe essere lo stesso del vostro blog). Accettiamo i termini di Facebook e clicchiamo su crea un' applicazione .
  • Prendiamo nota della chiave API perchè a breve ci servirà.
  • Clicchiamo sulla tab Connettiti
  • Dove c'è Connetti URL scriviamo l'indirizzo del nostro blog

  • Ok, ora andiamo in Bacheca > Layout > Modifica HTML > Espandi i modelli widget 
Nel template cerchiamo queste righe:

<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' >

e dopo aggiungiamo
xmlns:fb='http://www.facebook.com/2008/fbml'

in maniera che il codice diventi così

  • <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://www.facebook.com/2008/fbml'>

Prima del tag </head> aggiungiamo

    <script src='http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php' type='text/javascript'/>

    Ed infine prima del tag </body> inseriamo

      <script type='text/javascript'> 
      FB.init("
      ;YOUR_API_KEY_HERE";, ";";)
      script>


      Naturalmente al posto di YOUR API KEY HERE dobbiamo trascrivere la chiave API che ci siamo trascritti prima.


      Salviamo e vediamo come aggiungere Facebook Connect al nostro blog.




      Premessa: per inserire questi gadget basta andare in Bacheca > Layout > Aggiungi un gadget > HTML/Javascript 

      • Bottone Facebook Connect 



      <fb:login-button autologoutlink="True" length="short" background="white" size="large">fb:login-button>

      • Foto del profilo
       <fb:profile-pic uid="loggedinuser" facebook-logo="true" linked="false">fb:profile-pic>



      • User name
      <fb:name uid="loggedinuser" useyou="false"/>fb:name>

      • Live stream box
       <fb:live-stream event_app_id="YOUR_APPLICATION_ID" width="400" height="500">

      • Fan box

      <fb:fan profile_id="YOUR_PAGE_ID" stream="1" connections="10" width="300">fb:fan>


       

        9 commenti:

        1. la pagina create app mi chiede il numero di cellulare. è obbligatorio?

          RispondiElimina
        2. Non credo, prova magari a vedere se c'è un modo per bypassare questo passaggio

          RispondiElimina
        3. scusa ma è possibile aggiungerlo anche un qualsiasi sito web o vale solo per i blog?

          RispondiElimina
        4. ho creato un'applicazione ma ora è cambiato, è tutto diverso, la schermata che posti è tutto diverso, non appare nessuna di quelle opzioni.

          RispondiElimina
        5. Beh questo post ha più di un anno ormai, probabilmente FB ha effettuato delle modifiche.
          Appena riesco controllo e magari riposto il nuovo metodo.

          RispondiElimina
        6. Hmm it appears like your site ate my first comment (it was extremely long) so I
          guess I'll just sum it up what I submitted and say, I'm thoroughly enjoying your blog.

          I too am an aspiring blog writer but I'm still new to everything. Do you have any points for rookie blog writers? I'd
          genuinely appreciate it.

          Here is my web page - hand pole saw pruner

          RispondiElimina
        7. Wow that was unusual. I just wrote an extremely
          long comment but after I clicked submit my comment didn't show up. Grrrr... well I'm not writing all that over again.
          Anyway, just wanted to say fantastic blog!

          Also visit my web-site; basset hounds

          RispondiElimina
        8. Hello everyone, it's my first pay a quick visit at this website, and post is genuinely fruitful in support of me, keep up posting these types of content.

          my blog: www.worchurch.com

          RispondiElimina
        9. Thаnks for youг personаl marvelous poѕting!
          І ԁefinіtely enјoyеd reading it, you might be a great author.
          Ι will make ѕure to bookmark your blog anԁ
          may come baсk in the fοreseeаblе future.
          I ωant to encourage уouгself
          tо cоntіnuе your great pοsts, have а nicе aftеrnoon!


          My ωebsite High Stakes Bonus

          RispondiElimina

        Related Posts Plugin for WordPress, Blogger...