Blogger: Mettere un testo per sottoscrivere i feed, sotto ad ogni post

Il bello della piattaforma Blogger, è la possibilità di modificare a piacimento il codice del template, per adattarlo al meglio alle nostre volontà.
In questo post vedremo come aggiungere un testo alla fine del post, racchiuso in un form colorato da adattare ai colori del blog, che inviti i visitatori ad iscriversi al nostro feed.
Questa guida è stata redatta con un modello vecchio di template, ma probabilmente è adattabile anche ai nuovi modelli. Nel caso riscontriate dei problemi, lasciate un commento, troveremo una soluzione.

Cominciamo vedendo il codice da inserire, che sarà questo:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <br/>
  <br/>
<div style='background: #b0c4de; padding: 10px;'>
<center>
Per ricevere direttamente in posta i nuovi articoli, inserisci il tuo indirizzo email:
  <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=TecnoActivity20&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='' target='popupwindow'><input name='email' style='border:1px solid #ccc;width:140px;' type='text'><input name='uri' type='hidden' value='TecnoActivity20'/><input name='loc' type='hidden' value='en_US'/><input type='submit' value='Sottoscrivi'/></input></form>
oppure puoi
<a href='http://feeds.feedburner.com/TecnoActivity20'>iscriverti al feed </a>
per tenerti sempre aggiornato sui nuovi contenuti del blog!
</center>
</div>
</b:if>

Dove:

Le parti evidenziate in rosso sono i tag condizionali, che permettono la visualizzazione del testo, solo nelle pagine complete. Da utilizzare solo se utilizziamo la vista parziale dei post:

La parte in blu, è il colore di background del form, sotto il testo:

La parte in verde(10px), è la distanza del testo dal bordo del form:

Le parti in viola(TecnoActivity20) sono da sostituire con i dati del vostro feed.

La parte in giallo è da sostituire con il vostro indirizzo dei feed.

Bene, iniziamo facendo un backup del template(facciamolo ogniqualvolta andiamo a modificare il codice del template) quindi portiamoci in Layout >>> Modifica HTML, clicchiamo su Espandi i modelli widget ed infine cerchiamo questa riga di codice:

<data:post.body/>

Subito sotto incolliamo tutto il codice che abbiamo visto e adattato in precedenza.
Fatto, salviamo il modello e ammiriamo il nuovo form, sotto ai post già scritti, che sarà come quello qui sotto.

Per ricevere direttamente in posta i nuovi articoli, inserisci il tuo indirizzo email:

oppure puoi iscriverti al feed per tenerti sempre aggiornato sui nuovi contenuti del blog!
Se non sai come utilizzare i Feed, clicca qui!
Oppure prendi in considerazione di diventare Lettore Fisso del blog