Come inserire in un template personalizzato i pulsanti di condivisione di Blogger

Per aggiungere i bottoni di condivisione sui social network di Blogger all’interno di un template personalizzato,caricato sul blog con l’apposita funzione,può non essere sufficiente selezionare,in “Design”>”Elementi pagina”,dall’elemento centrale “Post sul blog”>”Modifica" l’opzione per condividere i post su Gmail,Google Buzz,Blogger ,Twitter e Facebook 
In alcuni template per Blogspot  infatti può essere necessario,per la corretta visualizzazione del gadget per condividere, utilizzare la funzione di ripristino dei widget (che però elimina altre eventuali personalizzazioni già aggiunte ai widget) oppure inserire una porzione di codice  aggiuntivo direttamente all’interno della finestra con l’HTML del template che è visibile nella sezione “Modifica HTML” del menu “Design” di Blogger.

come mettere pulsanti condivisione template personalizzati  
Prima di inserire la modifica per aggiungere il tasto di condivisione è opportuno per sicurezza salvare il template che si sta utilizzando.Successivamente bisogna selezionare a destra della finestra del template l’opzione “Espandi modelli widget” ed individuare questo rigo: 

<data:post.body/>

Per trovare velocemente il rigo è possibile utilizzare una scorciatoia da tastiera per cercare il rigo HTML

dopo aver trovato il rigo,subito sotto bisognerà aggiungere:

<div class='post-share-buttons'>
   <b:include data='post' name='shareButtons'/>
</div>

A questo punto è possibile visualizzare l’anteprima con il risultato della modifica al codice HTML prima di salvare il template con il codice aggiuntivo necessario,in alcuni template personalizzati,per vedere ed utilizzare i pulsanti per condividere i post di Blogger sui social network.


55 commenti:

Sassi a Parte di Ernestina Gallina ha detto...

Grazie per il tuo aiuto! le spiegazioni sono veramente ben fatte e semplici da seguire anche da chi ci capisce poco come me.
L'inserimento dei pulsanti e anche del tasto "mi piace" funziona ...ma nel blog appaiono troppo in alto, sopra il linkwithin e le righe coi link etichette, data, commenti ecc.
Come si fa a posizionarli proprio in fondo al post?

Fabrizio Castelli ha detto...

Ciao Ernestina,grazie a te per la visita e per i complimenti!:)
Hai già verificato se è possibile modificare la posizione del modulo dalla sezione "Disponi elementi" che trovi in basso in "Design">"Elementi pagina">"Post sul blog">"Modifica"?
Ciao:)
Fabrizio

Sassi a Parte di Ernestina Gallina ha detto...

Ciao, ci ho provato, non va, anche perchè il linkwithin che ho inserito io è posizionato proprio dentro una riga-gadget che sta sotto al contenitore del post...forse è proprio questo l'inghippo!
Grazie comunque, è puramente una questione di forma, non di sostanza :-)

Fabrizio Castelli ha detto...

Figurati!
Controlla comunque se la visualizzazione cambia posizionando diversamente il gadget di Linkwithin.
Ciao e buon pomeriggio:)
Fabrizio

mb ha detto...

Grazie dell'aiuto. Ora i bottoni di condivisione funzionano.

Fabrizio Castelli ha detto...

@mb
Benissimo!
Sono contento di esserti stato d'aiuto!
Ciao e grazie a te per il commento:)
Fabrizio

Unknown ha detto...

Ciao Fabrizio, ti faccio una domanda da neofita di Blogger: "Ora che sono su visualizza blog e vedo il post sulla pagina, in alto a sinistra ho Segui Segnala una violazione Blog Successivo; in alto a destra c'è la mia mail Nuovo Post Personalizza Esci. Sto girando nelle pagine e non trovo Design e mi chiedo e quindi ti chiedo: "Ma dov'è che sta Design"?

Fabrizio Castelli ha detto...

Ciao Marcello,
grazie intanto per la visita!
Trovi il link alla sezione Design nella tua bacheca (sotto al titolo del blog) accedendo da Blogger.com
Ciao:)
Fabrizio

CSJ Occhio Fotografico ha detto...

Ciao Fabrizio, vorrei inserire i bottoni di condivisione con delle mie immagini in un gadget html anzichè all'interno del template.
Non sono iscritto a nessun social network ma vorrei ugualmente far condividere il mio blog (non solo i singoli post).
C'è un codice specifico per inserirlo?
...ma soprattutto è possibile farlo?
Spero nel tuo aiuto!
Ciao
CSJ

Fabrizio Castelli ha detto...

@CSJ
Ciao e grazie intanto per la visita!
Controlla se ti può essere utile questa soluzione che fornisce anche il codice da inserire direttamente in un gadget HTML/Javascript:
http://provediblogger.blogspot.com/2010/12/come-mettere-con-addthis-il-bottone-di.html
Ciao:)
Fabrizio

CSJ Occhio Fotografico ha detto...

Grazie di avermi risposto!
Avevo già letto questo tuo articolo; ritengo questa opzione molto interessante, ma per il momento mi piacerebbe provare con delle immagini scelte da me.
Mi viene spontaneo pensare che non si può fare!
Spero ancora nel tuo aiuto!
Ciao

Fabrizio Castelli ha detto...

Se non l'avessi già fatto,controlla eventualmente in che modo è possibile personalizzare i bottoni di AddThis da questa pagina:
https://www.addthis.com/help/custom-buttons#.TdrQPlulDD4
Ciao:)
Fabrizio

CSJ Occhio Fotografico ha detto...

Grazie mille!!!
Proverò di fare qualcosa!
Ciao

Fabrizio Castelli ha detto...

Bene!
Ciao e buona serata!
Fabrizio

Cecilia Lavopa ha detto...

Devo dire che le tue spiegazioni sono molto chiare e io che non ci capisco niente di Html, piano piano sono riuscita da sola a aggiungere molti gadget al blog..compreso il tasto "mi piace" su Facebook.
L'unica cosa è che, facendo una prova, il "mi piace" che compare su FB non è abbinato alla copertina del libro che risulta dal post del mio blog (www.contornidinoir.blogspot.com)..come si fa?
Grazie Fabrizio e complimenti per il tuo lavoro!
Cecilia

Fabrizio Castelli ha detto...

Ciao Cecilia,
grazie intanto per i complimenti,sono felice di esserti stato utile:)
Il "Mi piace" di Facebook acquisisce automaticamente i contenuti dal blog e non è possibile modificarli,se ti fosse possibile,verifica comunque se inserendo nei prossimi post la copertina in una posizione diversa (dopo alcune righe di testo) il risultato è diverso.
Aspetto notizie!
Ciao e buona serata:)
Fabrizio

Cecilia Lavopa ha detto...

Grazie Fabrizio, ho provato, ma il "Mi piace" si abbina a immagini diverse di copertina..anche se poi cliccando sul post che si crea su FB, si viene indirizzati al libro giusto.
Ma non posso lasciarlo così, perchè su certi libri, si abbina la copertina di un altro libro :(
A questo punto, ritorno al modello di prima..
Grazie lo stesso!

Fabrizio Castelli ha detto...

Si,se non ti è possibile scegliere tra le diverse immagini è preferibile tornare alla soluzione precedente in attesa che l'inconveniente alla condivisione delle foto si risolva.
Ciao:)
Fabrizio

Unknown ha detto...

Ciao, vorrei farti una domanda, come posso fare per tracciare il plusone in analytics avendo il pulsante +1 nella barra di condivizione social di default? anche se inserisco la chiamata, non risponderà mai, perchè non c'è il tag del pulsante..come posso fare? e se la inserisco si raddoppia il pulsante...

Fabrizio Castelli ha detto...

Ciao Alberto,
se dovessi individuare un'alternativa alla soluzione al momento praticabile con il doppio pulsante te la segnalerò con piacere.
Ciao
Fabrizio

punjabiplanet ha detto...

ciao fabrizio.
io ho un problema con un templet personalizato. cio io lo scaricato da un sito esterno e lo messo. ma adesso ho due menu. il mio in altro. e il loro gia predefinito del templet cn voce tutte loro . al posto giusto. come faccio eliminare quello e inserire il mio senza perdere dati delle singlole pagine?
puoi aiutarmi?
graizie ciauuu

Fabrizio Castelli ha detto...

Hai già provato a trascinare con il tasto sinistro del mouse in quella stessa posizione il modulo del tuo menu?
Ciao
Fabrizio

CriBri ha detto...

Come sempre aiuti chiari e preziosi! :-)

Fabrizio Castelli ha detto...

Grazie Cri!:)

moi ha detto...

Ciao Fabrizio e complimenti per questo blog!
Ho un problema con la personalizzazione dei pulsanti di condivisione sul mio blog.
Ti spiego meglio: ho scaricato una serie di icone in .png (tipo quelle di facebook e di google+, per intenderci) e vorrei sostituirle a quelle che blogger mette di default. Ho provato a seguire i tuoi consigli su come modificare l'html del template, ma non mi raccapezzo! Puoi dirmi se è possibile fare quello che intendo fare, e - soprattutto - come?
Grazie mille!

Fabrizio Castelli ha detto...

@moi
Grazie intanto a te per i complimenti!
Per le icone sotto al post controlla se ti può essere utile questo servizio:
http://provediblogger.blogspot.com/2010/12/come-mettere-con-addthis-il-bottone-di.html
che nelle sue opzioni dovrebbe consentire anche la personalizzazione delle icone.
Ciao:)
Fabri

moi ha detto...

Ciao Fabrizio, grazie per la tua risposta. In realtà il template del mio blog ha già gli strumenti di condivisione di ogni post in automatico. Quello che vorrei fare è personalizzarli con icone in .png! (forse prima non mi ero spiegata bene!). Su addthis non trovo il modo di "caricare" queste icone e sostituirle a quelle di default. Adesso spero di essere stata più chiara - e soprattutto spero che esista il modo per fare quello che intendo fare! :)
Grazie mille comunque!

Fabrizio Castelli ha detto...

@moi
Mi riferivo a questa sezione:
http://www.addthis.com/help/custom-buttons
nella quale dovrebbero essere descritte le procedure,se dovessi individuare altri servizi che permettono di ottenere il risultato che desideri te li segnalerò con piacere!
Ciao:)
Fabri

Cristina - La cucina di Ponna Papera ha detto...

sei proprio un genio...con il tuo aiuto riesco sempre a fare cio' che mi pare impossibile!
grazie, grazie, grazie!!!

Fabrizio Castelli ha detto...

Bravissima!
Grazie a te,sei molto gentile:)
Ciao e buon fine settimana!
Fabri

Unknown ha detto...

Ciao Fabrizio, scusa il disturbo ma ho questo problema: ho inserito questo codice, adesso sotto al post c'è un enorme spazio bianco, se vado sopra con il cursore ci sono i bottoni ma sono invisibili...come posso fare per visualizzarli? Ti lascio l' url del blog:

http://lanimadeilibri-calliope.blogspot.com/

A presto!

Anonimo ha detto...

ciao,innanzitutto complimenti per il blog e contenuti interessanti,io ti scrivo perchè di ne ho 5 nel codice html e nonostante abbia incollato sotto il codice per i pulsanti non compaiono comunque. come faccio? (ho un template personalizzato)

Fabrizio Castelli ha detto...

Grazie intanto per i complimenti!
hai trovato la stringa indicata in cinque posizioni o ti riferisci ad altro?
Ciao
Fabri

Anonimo ha detto...

Ero sempre riuscita ad inserire i pulsanti ma con questo template non riesco proprio. E dire che quando l'ho scelto ho controllato che avesse anche i pulsanti, mentre non appaiono neanche inserendo il codice. Perché?

Fabrizio Castelli ha detto...

Ciao Letizia,
i pulsanti non sono presenti in nessuna pagina di post?
Controlla se il problema possa essere collegato ad interferenze con gadget presenti nella colonna.
Ciao:)
Fabri

Samantha Abis ha detto...

Scusami molto se disturbo ma proprio non riesco a trovare.. anche facendo control f...la dicitura

sembra che nel mio html non ci sia!!
possibile??
mille grazie

Fabrizio Castelli ha detto...

@Samantha Abis
Hai selezionato l'opzione "Espandi modelli widget" prima di iniziare la ricerca della porzione di codice?
Ciao e buona giornata!
Fabri

Samantha Abis ha detto...

Ciao Fabrizio, mille grazie della tua risposta, si l'ho appena fatto
:)
ne ho trovati 2 e ho sistemato il linkone che ci dai prima sotto uno senza risultati e poi sotto l'altro ma nulla il mi piace non è apparso da nessuna parte, ho fatto anche la prova di vedere se magari come è accaduto a una tua lettrice era una questione di Home o di singolo post ,ma nulla.. Puoi aiutarmi? Ho appena cominciciato l'attività su fb e il mi piace sotto ai post mi aiuterebbe tantissimo per l'interscambio! Grazie.
Pensavo...
Forse è il mio modello troppo arcaico? ma non posso cambiarlo.. ormai per i miei clienti è un fattore di riconoscimento da anni, vuoi che ti invii il link del blog così vedi cosa si possa fare? oppure se inserisci il mio nome e cognome su google con ritratti di animali.blogspot mi visualizzi subito subito, grazie ancora!!

Fabrizio Castelli ha detto...

@Samantha Abis
Per l'inserimento del "Mi piace" di Facebook hai seguito questa procedura?
http://blogetemplate.blogspot.it/2010/05/come-inserire-mi-piace-di-facebook-nel.html
Ciao
Fabri

Anonimo ha detto...

Ciao!
C'è una cosa che non capisco.
Ci sono sempre riuscita, ma adesso ho scelto un teplate dove non c'è verso di farli comparire.
Da cosa potrebbe dipendere?
Il template è questo:
http://btemplates.com/2008/blogger-template-optimism/demo/

Hai suggerimenti?
Grazie infinite!

Fabrizio Castelli ha detto...

Ciao Letizia,
hai già provato a modificare la posizione del modulo da "Disponi elementi" nelle opzioni del post?
Ciao
Fabrizio

Anonimo ha detto...

Sì, è la prima cosa che faccio ogni volta che ho a che fare con nuovo template

Fabrizio Castelli ha detto...

Hai già controllato se sono presenti commenti su questo problema, di altri utenti o di chi ha realizzato il template, direttamente nella pagina dalla quale è possibile scaricare il template?
Ciao
Fabri

Irene ha detto...

Ciao, io invece vorrei sapere come tradurre verso l'italiano le scritta in inglese di Google +1 "Reccomend this on Google" in "Consiglialo su Google". Sò che la richiesta sembra stupida, ma non sono riuscita a trovare una soluzione da alcuna parte.
Grazie.

Fabrizio Castelli ha detto...

Ciao Irene,
L'impostazione della lingua nel modulo dovrebbe essere automatica,nel tuo blog sono presenti altri elementi non tradotti in italiano?
Ciao
Fabrizio

Alberto Fileti ha detto...

Tra l'altro i pulsanti di condivisione standard di Blogger sono incompatibili con quelli di un servizio esterno quindi o si usano gli uni o gli altri. Se si prova l'uso contemporaneo molto spesso il nel codice si crea un errore e i pulsanti personalizzati di condivisione semplicemente spariscono.

Fabrizio Castelli ha detto...

Ciao Alberto,
sì, è sufficiente e consigliabile utilizzare un solo tipo di bottoni di condivisione.
Ciao e buona serata,
Fabrizio

LAURA DENU - Web Creative Design ha detto...

Ciao Fabrizio, volevo chiederti, visto che non ho trovato niente in merito, se è possibile nascondere dalla home del blog e dai riassunti automatici i pulsanti di condivisione per averli solo sotto ogni singolo post. Grazie anticipatamente e buona giornata!

Fabrizio Castelli ha detto...

Ciao Laura,
per ottenere questo risultato potresti provare ad utilizzare una procedura simile a quella descritta in questo articolo per il modulo di Linkwithin http://testperblogger.blogspot.it/2013/06/come-non-mostrare-le-miniature-di-linkwithin-nella-home-page-del-blog-di-blogger.html

Ciao e buon pomeriggio!
Fabrizio

LAURA DENU - Web Creative Design ha detto...

Ci proverò, grazie!

Fabrizio Castelli ha detto...

:)

LAURA DENU - Web Creative Design ha detto...

Wow Fabrizio. ci abbiamo provato e ci siamo riusciti. Ora sono a a posto, non ti "molesterò" per un pò! Grazie ancora.

Fabrizio Castelli ha detto...

Ottimo! Sono felice di esserti stato d'aiuto!
Ciao:)
Fabrizio

Kurya Smith ha detto...

Ciao fabrizio, io non riesco proprio a visualizzarli sti tastini... Vedo un grosso spazio vuoto ma dei tastini neanche l'ombra, voglio provare a cambiare template ma questo che ho lo adoro :(

Fabrizio Castelli ha detto...

Ciao Antanasia,
prova a seguire la procedura descritta in questo post
http://www.comefareblog.com/2011/07/come-aggiungere-bottoni-condivisione.html
Ciao e buona serata!
Fabrizio