Personalizzare il widget Segui tramite Email (Follow by Email).

Come modificare il widget Segui via email di Blogger.

Nell'articolo in cui ho parlato della introduzione da parte di Blogger del widget Segui tramite Email avevo già proposto alcune personalizzazioni.

Forse è il caso di riprendere il discorso in modo più dettagliato.

Senza ulteriori modifiche, il gadget ufficiale per ricevere la newsletter del blog, ha una forma simile a quella dello screenshot seguente dove il titolo del gadget può essere scelto all'atto della sua installazione che avviene da Design > Aggiungi un gadget > Segui tramite email.

 

La prima operazione consigliata è cambiare Email address… e Submit con espressioni italiane. Occorre quindi andare su Design > Modifica HTML. Bisogna poi cercare questo blocco di codice

<input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
            </td>
            <td width='64px'>
              <input class='follow-by-email-submit' type='submit' value='Submit'/>

e sostituire le due espressioni evidenziate di rosso con parole più adatte. Ecco come diventa in questo caso il widget

Il colore del bottone è per default grigio scuro. Se non è intonato al colore del blog possiamo modificarlo facilmente. Cercare il codice

<input class='follow-by-email-submit' type='submit' value='Submit'/>

dove al posto di Submit potete anche aver inserito una parola diversa. Aggiungete la parte evidenziata di rosso

<input class='follow-by-email-submit' style='color:#003366; font-weight:bold; background:#FDBCB7;border:1px solid #003366;' type='submit' value='Submit'/>

I parametri in viola rappresentano i codici dei colori e lo stile del bordo e possono essere scelti per renderli intonati al nostro modello. Dopo queste modifiche ecco come apparirà il modulo di iscrizione alla newsletter

che rappresenta già un bel passo avanti. Se non siamo ancora soddisfatti, possiamo andare a modificare i CSS relativi al widget. Cercare la riga

]]></b:skin> e, immediatamente sopra, incollate per esempio questo codice

#FollowByEmail1{
border:1px solid #003366;   /* per configurare il bordo */
padding:10px;
background:#FFFFFF; /* per configurare lo sfondo */
}

I colori possono essere personalizzati a piacimento. Questa classe serve per inserire bordo e sfondo nel contenitore esterno del modulo di iscrizione. Verrebbe fuori una cosa di questo genere



Infine si può anche personalizzare la lingua di riferimento sostituendo questo codice

<input name='loc' type='hidden' value='en_US'/>

con quest'altro

<input name='loc' type='hidden' value='it_IT'/>

Per il momento penso che basti così. Quando saranno possibili nuove modifiche, penso al background del campo in cui si digita la email, aggiornerò il post. Per concludere ricordo che il servizio che invia le newsletter è a cura di FeedBurner, società della galassia Google.