Segui tramite Email nuovo widget di Blogger per iscriversi alla newsletter del sito.

Alla fine di Settembre 2008 Google acquistò FeedBurner ma da allora non è che sia cambiato molto per il celebre servizio di feed. C'è stata l'introduzione della nuova interfaccia ma è ancora in fase Beta e poco altro. Oggi finalmente in quel di Mountain View hanno deciso di sfruttare meglio le potenzialità di questo servizio abbinandolo a Blogger, un prodotto della casa che invece sforna novità a getto continuo.

Blogger Buzz ha annunciato che da oggi sarà possibile inserire in modo automatico un widget per farsi seguire tramite email. E' già stato introdotto nella Bacheca normale senza il consueto periodo di prova su Blogger in Draft. Nella versione inglese è chiamato "Follow by Email" e in quella italiana "Segui tramite Email". Si va su Design > Aggiungi un gadget > Segui tramite Email

 

Nella finestra successiva viene acquisito l'indirizzo di FeedBurner, se il sito è stato già aggiunto all'account, oppure viene creato un nuovo feed sul momento. Se ne vedrà l'URL in una riga nella finestra che si aprirà successivamente

Il titolo del widget di default è l'espressione inglese Follow by Email. Vediamo come siano possibili alcune personalizzazioni. Dopo aver cliccato su Salva e posizionato l'elemento con il mouse, si può andare su Design > Modifica HTML

per fare le modifiche che riteniamo opportune. Dopo aver cliccato su Espandi modelli widget, si potrà trovare un codice di questo genere
<b:widget id='FollowByEmail1' locked='false' title='Follow by Email' type='FollowByEmail'>
<b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if>
  <div class='widget-content'>
    <div class='follow-by-email-inner'>
      <form action='http://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;http://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>
        <span>
          <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
        </span>
        <input class='follow-by-email-submit' type='submit' value='Submit'/>
        <input expr:value='data:feedPath' name='uri' type='hidden'/>
        <input name='loc' type='hidden' value='en_US'/>
      </form>
    </div>
  </div>
  <span class='item-control blog-admin'>
    <b:include name='quickedit'/>
  </span>
</b:includable>
</b:widget>
Le cose principali che possiamo cambiare sono evidenziate di rosso. In questo articolo di presentazione mi limiterò a illustrare quelle più interessanti.

1. Si può naturalmente cambiare il titolo Follow by Email con una espressione italiana tipo Iscriviti alla Newsletter
2. La scritta che si vede di default nel campo dell'indirizzo di posta elettronica, Email address…, può essere sostituita da Inserisci Email 
3. Il form è per il momento in inglese. In futuro verrà tradotto anche in italiano ma per il momento si può sostituire en_US con it_IT 
4. Si possono variare anche le dimensioni della finestra popup che verrà aperta quando un sottoscrittore compilerà il modulo 
5. Al posto di Submit si può mettere un più comprensibile Iscriviti o Registrati 

Ecco come diventa il widget dopo queste modifiche

Si possono introdurre anche nuove classi di stile per questo widget per la iscrizione alla newsletter. Dobbiamo andare su Design > Modifica HTML e cercare la riga ]]></b:skin>. Subito sopra possiamo inserire queste classi

.follow-by-email-inner form { /* Qui si inserisce lo stile del form */ }
.follow-by-email-inner input[type=text] { /* Questo è la classe per lo stile del modulo in cui si digita la email */ }
.follow-by-email-inner input[type="submit"] { /* Rappresenta lo stile del bottone di invio */ }

Il contenuto tra parentesi graffe può essere riempito da colori di sfondo, colori del testo e altre personalizzazioni adatte al nostro template. I dettagli di queste modifiche potremo sviscerarli meglio nei prossimi articoli. Chi inserirà la email per sottoscrivere la newsletter vedrà un popup simile

in cui si dovrà superare il controllo visivo per completare la registrazione. Gli iscritti alla newsletter riceveranno quotidianamente tutti gli articoli pubblicati dal blog. Potranno essere completi o limitati solo alla parte fino al Read More se in Impostazioni > Feed Sito > Feed post sul blog saranno scelte rispettivamente le opzioni Completo o Fino all'intervallo. Il widget dà dei problemi di visualizzazione con IE8 mentre è correttamente visualizzabile con l'ultima versione del browser della Microsoft, Internet Explorer 9 che è stato rilasciato proprio ieri.