Pubblicato il 30/11/09 - aggiornato il  | 13 commenti :

Come inserire il pulsante "Condividi su Facebook" in un blog su Blogger.

bottone-facebook

Ho già parlato diffusamente di come si possa inserire dei bottoni di voto alla fine di un post su Blogger per condividerlo o votarlo nei vari social network. Se ci limitiamo esclusivamente a Facebook possiamo inserire un bottone di condivisione direttamente nel modello prima, dell'articolo o alla fine dello stesso.

Per prima cosa dobbiamo personalizzare il bottone andando nei Widget di Facebook, segnatamente nella sezione Condividi. Qui si può personalizzare il bottone inserendo anche il contatore, in linea come sopra, oppure in verticale

condividi-facebook

Il codice che viene acquisito può essere inserito direttamente nel modello. Si va su Layout > Modifica HTML e dopo aver salvato il modello completo e aver espanso i modelli widget si cerca la seguente riga

<data:post.body/>

Per inserire il pulsante di Facebook all'inizio del post si inserisce il codice acquisito immediatamente sopra a detta riga di codice. Se si vuole staccarlo dal resto del post possiamo inserire un tag <p> prima del codice di Facebook e un tag </p> alla fine del codice.

Se invece si vuole mettere alla fine dell'articolo si cerca la linea di codice

<div class='post-footer'>

e si inserisce immediatamente sopra. Alternativamente può anche essere inserito prima della riga di codice

<div class='post-footer-line post-footer-line-1'>

oppure, anche immediatamente dopo questa riga, dipende dall'estetica dei vari modelli. Anche in questo caso può essere utile inserire il codice del pulsante tra i tag <p> e </p>. Sempre seguendo l'estetica dei vari modelli possono anche essere scelte le linee

<div class='post-footer-line post-footer-line-2'> oppure

<div class='post-footer-line post-footer-line-3'>

Nel blog Numeri di pagina per navigazione ho inserito per prova due pulsanti, il secondo dei quali immediatamente sopra alla riga

<div class='post-footer-line post-footer-line-3'>. Nel momento in cui si clicca sopra al bottone si apre una finestra per la condivisione del post su Facebook.




13 commenti :

  1. ciao parsifal, intanto complimenti per il blog.. volevo chiederti, sai come si fa a centrare il pulsante di facebook? il comando text allign non ha alcune effetto su di lui (l'ho messo in un elemento html di blogspot).. grazie ciao!

    RispondiElimina
  2. @emanuele
    prova uno dei metodi illustrati in questo articolo
    http://parsifal32.blogspot.com/2009/09/come-centrare-un-testo-unimmagine-o-un.html
    Ciao

    RispondiElimina
  3. ho usato l'align center ed ha funzionato.. grazie mille!

    RispondiElimina
  4. problema... mi condivide il blog ma nn il singolo post... :(

    RispondiElimina
  5. @soffio di dea
    forse non hai messo il pulsante all'interno dell'area del post in una delle zone che ho indicato

    RispondiElimina
  6. l'ho messo seguendo alla lettera le tue indicazioni ed infatti il pulsante appariva in ogni post... solo che se ci cliccavo su... rimandava a condividere sempre la home page con l'ultimo articolo inserito e nn l'articolo in cui era incluso :(

    RispondiElimina
  7. @soffio di dea
    Forse ho capito a cosa ti riferisci. Vedi il titolo del blog seguito da due punti e il titolo del post o solo il titolo del blog?
    In entrambi i casi segui le istruzioni di questo articolo
    http://parsifal32.blogspot.com/2008/08/come-togliere-il-nome-del-blog-dai.html
    per togliere il nome del blog dai motori di ricerca.
    Ciao e fammi sapere se hai risolto.

    RispondiElimina
  8. in realtà si apriva la finestra di condivisione di fb... ma condivideva sempre la home page del blog da ogni articolo... e non l'articolo specifico...

    RispondiElimina
  9. @soffio di dea
    avevo capito. Se però tu segui la procedura illustrata nell'articolo che ho postato, può essere che risolvi perché Facebook ha un sistema di "cattura" dei titoli dei post che con alcuni modelli di Blogger produce l'effetto di prendere sempre la home. Occorre quindi mettere una "condizione" nel template in modo che risulti rilevabile solo quando è necessario.
    Ciao

    RispondiElimina
  10. salve e la prima volta che vengo sul tuo sito inanzi tutto complimenti
    ce tantissima roba qui detto questo vorrei sapere come arrivare sulla pagina condividi in Facebook ho cliccato dove ce scritto condividi ma non e la stessa quella della dimostrazione immagine mi puoi aiutare per favore?

    RispondiElimina
    Risposte
    1. @# Il pulsante Condividi, Share in inglese, sono mesi che è stato disattivato per le nuove installazioni. Adesso si può adoperare solo il Mi Piace
      http://www.ideepercomputeredinternet.com/2012/05/come-inserire-il-mi-piace-di-facebook.html

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy