Visualizzazione post con etichetta tutorial. Mostra tutti i post
Visualizzazione post con etichetta tutorial. Mostra tutti i post

Come avere URL personalizzati nei post di Blogger

Per utilizzare permalink personalizzati nel testo e SEO Friendly negli indirizzi (URL) dei singoli post in un blog di Blogger è possibile selezionare l'apposita funzionalità disponibile nell'editor di Blogger che consente di ottimizzare l'URL del post in funzione della corrispondenza con il titolo dello stesso post e per favorire il recupero di ulteriori informazioni sul contenuto da parte del motore di ricerca di Google.
Nelle "Impostazioni post" (presenti nella colonna destra dell'editor di Blogger) possiamo infatti, per cambiare l'URL che Blogger genera automaticamente, nella sezione "Permalink" selezionare l'opzione "Permalink personalizzati" al posto dell'opzione "Permalink automatico".
Nell'apposito form che si renderà disponibile andranno inseriti i termini da utilizzare nell'URL SEO Friendly che si desidera creare per il post di Blogger (nel caso di più termini presenti nell'indirizzo questi andranno separati con il trattino) e cliccare su "Completato" per generare l'indirizzo personalizzato del post.

come impostare dall'editor URL personalizzati e SEO Friendly in un blog di Blogger




Come cercare una stringa del codice nel nuovo editor HTML del template di Blogger

Per trovare con facilità un rigo del codice del modello del blog nel nuovo editor HTML di Blogger è possibile attivare la specifica casella di ricerca "Search" cliccando (dopo aver posizionato il cursore del mouse all'interno della finestra che contiene il codice HTML) nella tastiera del PC sulla combinazione di tasti:
Ctrl +  F 
Dopo aver inserito il termine o la stringa da cercare all'interno del form della casella di ricerca (che si visualizzerà nell'angolo in alto a destra) è necessario cliccare su tasto "INVIO" della tastiera del computer per procedere con la ricerca ed individuare il rigo nel template del blog di Blogspot.
Per ricercare nell'intero template del blog di Blogger possiamo espandere contemporaneamente tutte le sezioni del modello che di default sono compresse utilizzando (sempre dopo aver posizionato il cursore del mouse all'interno della finestra che contiene il codice HTML) in sequenza le seguenti combinazioni di tasti:
Ctrl  + A     per selezionare tutto

Ctrl 
+  C     per copiare

Ctrl  + V     per incollare


Come centrare la data dei post in un blog di Blogger

Per spostare al centro la data di pubblicazione del post, visibile in Home Page e nei singoli articoli in un blog di Blogger nella posizione di default laterale, è possibile utilizzare il menu "Avanzato" del Designer di Modelli.
Dal sottomenu "Aggiungi un CSS" possiamo infatti inserire un foglio di stile CSS che consente di mettere il modulo con la data che indica il giorno,il mese e l'anno di pubblicazione esattamente al centro sopra al testo del post.


Per centrare quindi la data che indica il giorno in cui è stato pubblicato un post bisognerà quindi,utilizzando la procedura per aggiungere un CSS in Blogger, inserire il seguente foglio di stile CSS:

h2.date-header
{
text-align: center;
}





Come dividere in due colonne un Elenco di Link in un blog di Blogger

Per sdoppiare in due colonne affiancate l'elenco di blog presente in un gadget "Link List" nella sidebar di un blog di Blogger è possibile utilizzare uno specifico foglio di stile utilizzando la procedura per inserire i CSS.
Dopo aver verificato l'esatto codice ID del gadget "Elenco di Link" (es. LinkList1) che si desidera dividere in due colonne verticali  è possibile infatti inserire il seguente codice per sdoppiare in due colonne verticali,posizionate una a fianco dell'altra,i link dei blog preferiti inseriti nel gadget .

 #LinkList1 ul li{
float: left;
width: 45%;
}



La dimensione della colonna laterale del blog che contiene il gadget "Elenco di Link" da dividere in due parti deve essere sufficiente per visualizzare correttamente il testo dei link così affiancati in due sezioni


Come rimuovere il titolo delle pagine statiche in un blog di Blogger

Per non mostrare il titolo posizionato sopra al contenuto di una pagina statica quando lo stesso titolo è già indicato nel gadget “Pagine” o in un menu orizzontale creato con il gadget “Elenco di link”,come nel caso della pagina Privacy di Test per Blogger,è possibile applicare dalla bacheca di Blogger in “Design”>”Modifica HTML” una modifica al codice HTML del template che permette di non visualizzare la sezione del titolo nelle pagine aggiuntive di un blog di Blogspot.

come non mostrare eliminare titolo pagina statica blog blogger

Dopo aver salvato per sicurezza una copia del template ed individuato con una scorciatoia da tastiera la stringa:

</b:skin>

E’ necessario aggiungere subito sotto alla stringa il seguente codice HTML:

<b:if cond='data:blog.pageType == "static_page"'>
<style>
.post-title.entry-title{
display: none;
}
</style>
</b:if>

come non visualizzare titolo duplicato pagina statica blogger

A questo punto è sufficiente cliccare su “SALVA MODELLO” per applicare la modifica che consente di eliminare in un blog di Blogger il doppione del titolo della pagina statica già visibile nel menu orizzontale.

come non visualizzare doppione titolo pagina aggiuntiva blog blogspot


Come cambiare il testo dei link POST PIU’ VECCHI / POST PIU’ RECENTI in un blog di Blogger

Per modificare la scritta Post più vecchi /Post più recenti ed utilizzare termini diversi per i link che permettono di navigare tra le pagine dei post in un blog di Blogger è necessaria una modifica HTML al codice del template dalla Bacheca di Blogspot in “Design”>”Modifica HTML”.
Dopo aver selezionato la funzione “Espandi Modelli Widget” ed aver individuato (utilizzando una scorciatoia da tastiera) il codice:

<div class='blog-pager' id='blog-pager'>

nella porzione di codice subito sotto troveremo le stringhe di codice HTML al posto delle quali è possibile inserire i termini esatti che si desidera visualizzare al posto di Post più vecchi /Post più Recenti .

come cambiare link post più vecchi recenti blog blogger

Al posto di <data:newerPageTitle/>  (post più recenti) possiamo scrivere NUOVI POST o il termine che si preferisce.
Allo stesso modo,in sostituzione di <data:olderPageTitle/> (post più vecchi) possiamo mettere la scritta POST PRECEDENTI o quella che ci sembra più adatta al nostro blog.

come modificare termini link post più recenti post più vecchi blog blogspot

Dopo aver visualizzato il risultato cliccando sul tasto “ANTEPRIMA” è possibile applicare la modifica ai termini o al testo da utilizzare per i link che consentono ai visitatori di leggere i post del presenti in una pagina diversa del blog cliccando sul tasto “SALVA MODELLO”.

Prima di effettuare modifiche HTML al modello di un blog di Blogger,per sicurezza,è sempre utile salvare una copia in formato .xml del template sul proprio computer.


Ringrazio Moon del blog Figlia della Luna per il premio “Stylish Blogger Award”

premio blog e template

e Francesca di Torte e Decorazioni per il premio “Liebster Blog”

blog e template premio

che sono felice di condividere con tutti i lettori di BLOG E TEMPLATE! 


Come aprire il link del gadget FOTO in una nuova finestra del browser in un blog di Blogger

Per aprire in un’altra finestra del browser  il collegamento ad un sito web,blog o forum oppure al profilo personale su Facebook ,Twitter,Google Buzz o su altri Social Network ottenuto collegando l’URL ad un immagine con il gadget FOTO di Blogger,senza che il lettore cliccando sull’immagine esca dal blog, è necessario inserire,dalla bacheca di Blogger in “Design”>”Modifica HTML”,una modifica al codice HTML del singolo gadget (es. Image1)dopo aver individuato lo specifico codice Widget ID nel caso che nel blog fossero presenti più di un gadget FOTO.
Dopo aver selezionato la funzione “Espandi modelli widget” nella finestra con il codice HTML del template bisognerà,utilizzando una scorciatoia da tastiera,individuare la sezione del widget FOTO denominata “Image1” nella quale troveremo il seguente codice:

<b:widget id='Image1' locked='false' title='' type='Image'>
<b:includable id='main'>
    <b:if cond='data:title != &quot;&quot;'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
      <b:if cond='data:link != &quot;&quot;'>
       
<a expr:href='data:link'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
        </a>
      <b:else/>
        <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
      </b:if>
      <br/>
      <b:if cond='data:caption != &quot;&quot;'>
        <span class='caption'><data:caption/></span>
      </b:if>
    </div>
    <b:include name='quickedit'/>
  </b:includable>
</b:widget>

Da modificare sostituendo alla stringa:
<a expr:href='data:link'>
la seguente porzione di codice: 
<a expr:href='data:link' target='_blank'>

come aprire gadget foto immagine blog blogger altra nuova finestra browser

Subito dopo aver salvato la modifica al template dal pulsante “Salva Modello” sarà possibile,cliccando sull’immagine inserita in un gadget FOTO,aprire automaticamente il collegamento ad un indirizzo web in una diversa scheda del browser web senza che il visitatore debba lasciare definitivamente il nostro blog.

Prima di aggiungere in un blog di Blogger la modifica HTML che consente l’apertura del link collegato alla fotografia in un’altra finestra del browser,per sicurezza,è utile salvare una copia in formato .xml del template
sul proprio computer.


Come aprire i link del gadget ELENCO DI LINK in una nuova finestra del browser in un blog di Blogger

Per aprire in un’altra finestra del browser i collegamenti ad altre pagine dello stesso blog o ad altre risorse Internet (siti web,forum,profili su Facebook ,Twitter o su altri Social Network) inserite  nel blog utilizzando il gadget di Blogger “Elenco di Link” è necessario inserire una modifica HTML al codice del widget nella finestra del template (disponibile nella sezione “Design”>”Modifica HTML” della bacheca di Blogspot).
Dopo aver selezionato la funzione “Espandi modelli widget” nella finestra con il codice HTML del template sarà possibile,utilizzando una scorciatoia da tastiera,individuare la sezione del widget denominata“LinkList1” nella quale troveremo il seguente codice:

<b:widget id='LinkList1' locked='false' title='' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
   <ul>
     <b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
   </ul>
   <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Che andrà modificato sostituendo a:
<a expr:href='data:link.target'>
il nuovo codice:
<a expr:href='data:link.target' target="_blank"> 

come aprire nuova finestra elenco link gadget blog blogger

Subito dopo aver salvato la modifica al template con il bottone “Salva Modello” sarà possibile visualizzare il blog ed aprire automaticamente i collegamenti inseriti con il gadget “Elenco di Link” di Blogger in una diversa scheda del browser.

Prima di inserire la modifica per visualizzare i link in una nuova finestra del browser web è opportuno per sicurezza
salvare una copia del template che si sta utilizzando sul proprio computer.


Come mettere un menu orizzontale personalizzato in un blog di Blogger

Per realizzare un menu orizzontale personalizzato da posizionare sotto al titolo del blog su Blogspot con i link alle pagine delle etichette con gli argomenti del blog,ai singoli post o alle pagine aggiuntive ed anche al proprio account su Facebook Twitter o Picasa oppure ad altri blog è possibile utilizzare direttamente il gadget “Elenco di link” disponibile da “Design”>”Elementi pagina” "Layout" > "Aggiungi un gadget” tra i gadget base di Blogger.
come mettere menu personalizzato blog blogger
A differenza del menu che è possibile inserire nel blog con il gadget “Pagine" che permette di aggiungere esclusivamente i link alle pagine statiche di Blogger,in “Elenco di link” possiamo personalizzare i collegamenti del menu e scegliere i nomi da assegnare ai diversi link (Home Page, Argomento 1 Argomento 2 Post 1 Privacy Picasa Facebook Twitter etc)da visualizzare nel menu orizzontale del blog di Blogger.
come realizzare menu blogger link pagine etichette post facebook









Dopo aver inserito nella finestra “Configura elenco di link” con lo strumento “Aggiungi link” gli URL alla Home Page,a pagine di etichette,a post o a pagine statiche e scelto i nomi da mettere nel menu e la posizione nell’elenco orizzontale è possibile cliccare su “Salva” per aggiungere il menu personalizzato al blog su Blogger come è visibile in gadgetperblogger.blogspot.com
Se il gadget “Elenco di link” da utilizzare come menu è stato creato da “Aggiungi un gadget” nella colonna laterale del blog è possibile trascinarlo,tenendo premuto il tasto sinistro del mouse,direttamente sotto l’Intestazione del blog per posizionare il menu orizzontale con i link personalizzati nello spazio tratteggiato che comparirà in quella posizione per essere così visibile sotto al titolo del blog su Blogger.
come creare menu personalizzato orizzontale blog blogspot

Come mettere un link in una immagine all’interno di un post di Blogger

Per aggiungere un link,con il collegamento diretto ad un altro blog,in una foto o in un banner,inseriti come immagine in un post di Blogger con lo strumento dell’editor,è possibile utilizzare direttamente l’opzione”Inserisci link” disponibile nella barra degli strumenti dell’editor del post di Blogspot.
come fare collegamento link immagine post blogspot
Dopo aver caricare la foto o il banner dentro al post possiamo infatti,con l'immagine selezionata con il mouse, cliccare su "Inserisci link" per aggiungere il collegamento diretto ad un altro blog di Blogger,ad un sito web,un forum o ad un’altra qualsiasi risorsa web che abbia un indirizzo internet (URL).

come mettere link foto post blogger
In “A quale URL deve portare questo link” è necessario inserire l’indirizzo web del blog al quale collegare l’immagine o il banner posizionato all’interno di un post di Blogger e subito dopo è possibile cliccare su “OK” per confermare l’inserimento ed ottenere questo risultato:


Per modificare il link in modo che il collegamento al blog si apra in una diversa finestra del browser è possibile.con l’editor posizionato in modalità “Modifica HTML” aggiungere la porzione di codice HTML che attiva il comando per aprire il link in una nuova pagina del browser.

Come centrare il titolo in un post di Blogger con un CSS dal Designer di Modelli

Per spostare da sinistra al centro la visualizzazione del titolo di un post in un blog di Blogspot è possibile inserire,direttamente dal Designer di modelli,un foglio di stile CSS con la modifica che permette di centrare il testo scelto come titolo.
Dalla bacheca di Blogger in “Design”>”Designer di modelli” possiamo selezionare a sinistra il menu “Avanzato” e successivamente la sezione “Aggiungi CSS” ed inserire così nella finestra di testo ”Aggiungi CSS personalizzati” il seguente CSS:

.post h3{
text-align:center;
}

come centrare titolo post blog blogger CSS designer template

Nella stessa pagina in basso è disponibile l’Anteprima nella quale visualizzare lo spostamento del titolo del post al centro e subito dopo possiamo cliccare su “Applica al blog” per rendere immediatamente efficace la modifica per spostare da sinistra al centro il testo e centrare in questo modo automaticamente il titolo di un post in un blog di Blogger.


Come inserire o eliminare le etichette in un post di Blogger

Per aggiungere nuove etichette ai singoli post in un blog su Blogspot è possibile utilizzare il form disponibile nell’editor del post di Blogger sia in fase di inserimento del nuovo post,prima della sua pubblicazione nel blog,che successivamente in caso di modifica del contenuto.
Lo spazio “Etichette:”per scrivere il nome della nuova etichetta da mettere al post è visibile nell’angolo in basso a destra sotto la finestra che contiene il testo del post.
Nello spazio previsto per l’inserimento dei termini da collegare ai post è possibile inserire etichette composte da una singola voce o da più parole collegate;Per inserire più etichette in un post è necessario separare i termini utilizzati con la virgola 
Per selezionare un’etichetta già utilizzata nei post precedenti possiamo utilizzare il link “Mostra tutto” ed aggiungere automaticamente il nome cliccandoci sopra.

come mettere etichette categorie post blogger

Per i post già salvati in bozza,pubblicati o programmati per la pubblicazione automatica è possibile anche gestire l’inserimento di nuove etichette o l’eliminazione di quelle aggiunte in precedenza accedendo direttamente dalla Bacheca di Blogger al menu “Modifica post” che mostra l’elenco di tutti i post.

come applicare eliminare etichetta blogger

Dopo aver selezionato dalla lista,spuntando la casella a sinistra del titolo,i post del blog ai quali applicare le modifiche è possibile dal menu a tendina “Azioni etichetta” utilizzare le funzioni disponibili “Applica etichetta”,”Nuova etichetta” o “Rimuovi etichetta” per aggiungere o eventualmente eliminare le etichette dal singolo post o da più post selezionati contemporaneamente senza dover accedere necessariamente all’editor di Blogger.


Come reindirizzare al feed generato con FeedBurner il traffico di un blog su Blogger

Per fare in un blog il redirect dal feed  già disponibile in Blogger a quello con possibilità di gestione più completa ed avanzata dei servizi e dei contenuti generato con FeedBurner è possibile inserire la modifica direttamente dalle “Impostazioni” della Bacheca di  Blogspot.

reindirizzamento automatico feed feedburner blogspot
E’ disponibile infatti nel menu “Feed sito” la sezione denominata “URL di reindirizzamento feed post” nella quale inserire l’URL completo del nuovo feed elaborato con FeedBurner ed al quale automaticamente sarà reindirizzato da Blogger il traffico generato dai contenuti dei nuovi post del blog.
come reindirizzare feed blogger feedburner

Per completare l’aggiornamento con il redirect al feed di FeedBurner è sufficiente,a questo punto,cliccare in fondo alla stessa pagina sul bottone “Salva Impostazioni”.


Come recuperare dalla bacheca di Blogger un blog cancellato per errore dall’account

Per ripristinare un blog eliminato dall’account Blogger per sbaglio o per altri motivi ed annullare l’operazione effettuata è possibile utilizzare, al momento per i 90 giorni successivi alla cancellazione,direttamente dalla Bacheca di Blogspot il link “Mostra tutto” visibile in basso nel riquadro che mostra l’elenco dei blog disponibili nell’account Blogger.

come recuperare blog blogger eliminato

Dopo aver cliccato sul collegamento nella bacheca sarà nuovamente visualizzato il nome del blog cancellato per errore con,accanto all’indicazione della data nella quale era stato eliminato,il link “Annulla eliminazione di questo blog”;per completare il recupero sarà sufficiente cliccare sul link per annullare l’eliminazione del blog di Blogspot e per vedere il titolo di nuovo disponibile per essere gestito in Bacheca con l’indicazione che il blog è stato correttamente ripristinato nell’account di Blogger.
Da questo momento sarà possibile inserire nuovi post e gadget o modificare le impostazioni o il design come prima dell’operazione con la quale il blog era stato cancellato per errore.

come ripristinare blog cancellato


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.


Come inserire codice HTML da visualizzare all’interno del post di Blogger

Per mettere una porzione di codice HTML  dentro ad un post di Blogger per mostrare ai visitatori la sintassi HTML da utilizzare o il codice testuale esatto da copiare per creare un collegamento ad un link o per una mail,senza che il testo sia automaticamente interpretato in HTML e convertito nel browser ,è possibile utilizzare le “Opzioni post” presenti nell’editor di Blogspot.
Cliccando infatti sul link “Opzioni post”,nell’angolo in basso a sinistra dell’editor di Blogger,troviamo disponibili nel modulo di personalizzazione che si apre sotto la finestra di inserimento del testo la sezione “Impostazioni di composizione” nella quale invece di utilizzare la soluzione “Interpreta HTML digitato” possiamo selezionare la voce “Mostra HTML letteralmente” in modo che il codice venga mostrato in modo testuale e senza tradurre i comandi presenti nell’HTML.
In questo modo è possibile,con l’editor di Blogger in modalità “Scrivi”,inserire all’interno del post il codice HTML da mostrare direttamente ed in modo letterale ai visitatori del blog su Blogspot.

come inserire testo codice html  dentro post blogger


Come modificare le dimensioni di un video YouTube da incorporare in un post di Blogger

Per ridurre la larghezza del lettore di un video YouTube all’interno di un post del blog su Blogspot,se anche la misura di incorporamento più piccola scelta è comunque troppo larga rispetto alle dimensioni della colonna centrale nella quale è inserito,la soluzione può essere quella di modificare manualmente i valori di altezza e larghezza direttamente dall'editor del post.
Dopo aver aggiunto con copia-incolla il codice del video nell’editor di Blogger , selezionando nell'angolo in alto a destra la modalità "Modifica HTML",saranno visibili nel codice HTML del video YouTube da incorporare i valori width="XXX" height="XXX” relativi alle dimensioni del lettore ripetuti due volte,in entrambe le posizioni dovranno essere ridotti i valori indicati in pixel facendo attenzione a mantenere le stesse proporzioni tra altezza e larghezza per visualizzare il video nel lettore con le dimensioni di larghezza ed altezza ridotte in percentuali uguali rispetto a quelle originarie.

come ridurre larghezza lettore video YouTube


Come seguire un blog che non ha inserito il gadget “lettori fissi” Google Friend Connect

Per diventare sostenitori di un blog su Blogspot che non ha ancora inserito nel layout il gadget “Lettori fissi” di Google Friend Connect è possibile utilizzare direttamente l’opzione “Aggiungi”,disponibile nella sezione “Elenco lettura” nella bacheca di Blogger.Dopo aver cliccato su “Aggiungi” è possibile nel primo passaggio “Aggiungi blog da seguire” inserire l’URL del blog di cui siamo fan e che si vuole mettere tra i “Blog che seguo” e così poter visualizzare direttamente nella bacheca di Blogger i nuovi post inseriti in quel blog.
In questa finestra è disponibile anche l’opzione per importare i blog che già si seguono in Google Reader.

come aggiungere blog che seguo 
Cliccando su “Avanti” nel secondo passaggio “Blog che seguo” (Opzioni) si può scegliere se seguire privatamente o pubblicamente il blog,e scegliendo di seguire il blog in modo “Pubblico” il nostro profilo verrà visualizzato dall’autore del blog tra i “Lettori Fissi” dal link accanto al titolo del blog nella sua bacheca di Blogger ed eventualmente anche nel gadget Google Friend Connect se decidesse di inserirlo nel blog di Blogspot.
A questo punto è sufficiente cliccare su “Segui” per diventare sostenitore del blog e leggere gli aggiornamenti con i nuovi post pubblicati nella bacheca di Blogger.

seguire blog bacheca blogger


Come inserire il bottone MI PIACE di Facebook nel post di un blog su Blogger

Per aggiungere il bottone “Mi piace”(I like) all’interno del post su Blogspot è possibile inserire la porzione di codice del gadget di Facebook direttamente all’interno della finestra con l’HTML del template che è visibile nella sezione “Modifica HTML” del menu “Layout” (Design) di Blogger.
Prima di inserire la modifica per aggiungere il tasto di condivisione è opportuno per sicurezza salvare il template che si sta utilizzando.A questo punto 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.Appena trovato il rigo bisogna incollare subito sotto il codice del pulsante per permettere ai visitatori di segnalare i post preferiti sul loro profilo Facebook in questa forma:
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
come inserire mi piace facebook blogger
Se la visualizzazione del blog con il tasto “Anteprima” conferma che l’inserimento del pulsante per condividere su Facebook con “Mi piace –Di’ che ti piace questo elemento prima di tutti i tuoi amici” è riuscito si può cliccare su “Salva Modello” per avere il bottone “Mi piace” all’interno dei post su Blogger.
come mettere mi piace facebook blogspot

! Attenzione !

Nel nuovo editor HTML di Blogger per inserire il "Mi piace" è necessario seguire la procedura indicata nell'articolo:
Come aggiungere il pulsante MI PIACE di Facebook nei post di un blog su Blogger