Pubblicato il 17/04/11e aggiornato il

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.

newsletter di blogger 
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

segui tramite email

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

widget iscrizione newsletter blogger

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

configurare widget segui tramite email

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.




11 commenti :

  1. Ottimo articolo,è proprio quello che mi serviva. Pero ho un porblema non riesco a dare il colore al mio widget...mi da errore, quinidi non me l'ho fa metttere. Guarda mi rimane in Bianco www.tuttoconilpc.blogspot.com. Cosa posso fare?Inoltre non capisco perche ho poco spazio nel mio sito?

    RispondiElimina
  2. @Rubel Se ti dà errore significa che non hai inserito correttamente il codice del colore. Prova prima a mettere quello del post e poi a cambiarlo.

    RispondiElimina
  3. @Ernesto T. ciao ernesto bel articolo
    prima di tutto,
    io volevo sapere se possibile cambiare il colore al interno
    o altrimenti mettere un colore diverso allo sfondo dove va inserito l'email
    grazie

    RispondiElimina
  4. @denny
    Al momento quello illustrato nell'articolo è tutto quello che sono riuscito a personalizzare. Non escludo in futuro di poter trovare delle soluzioni anche per tutto il resto

    RispondiElimina
  5. Grazie. Ottimi, come sempre, i tuoi tutorial. Ti chiedo un consiglio OT: ho inserito lightbox nel blog. Noterai che il menu orizzontale resta sempre in primo piano e non viene oscurato dal background. Qualche suggerimento? Grazie ancora.

    RispondiElimina
  6. @Andrea Questa è veramente una sottigliezza :) e onestamente non so da cosa dipenda. Forse lo script del menù è più "potente" di quello di Lightbox ^_^

    RispondiElimina
  7. Ciao Ernesto e complimenti per il tuo sempre interessante sito.
    La personalizzazione del widget in italiano (con 'it_IT') non sembra funzionare,
    o almeno li dove dovrebbe e cioè nell'invio della conferma via mail alla persona
    che si è appena iscritta alla newsletter... Infatti, il messaggio ricevuto è in inglese... che peccato... c'è modo di rimediare a questo grosso problema ?

    RispondiElimina
    Risposte
    1. @ GEC
      Il messaggio è in inglese perché Blogger si appoggia a FeedBurner che non ha la localizzazione in italiano. Puoi usare FeedBurner e personalizzare anche la newsletter. Leggi questo post
      http://www.ideepercomputeredinternet.com/2009/07/come-personalizzare-i-feed-sottoscritti.html
      E' un po' vecchio ma da allora è cambiato poco

      Elimina
  8. Ciao Ernesto!
    So che è un po' datato questo post e che magari sei già riuscito a risolvere :)

    Volevo solo dirti che è possibile personalizzare il campo in cui si digita la email, basta inserire nella stringa:

    < input class='follow-by-email-address' name='email' placeholder='Digita la tua email...' type='text'/ >

    il codice

    style='color:#003366; font-weight:bold; background:#FDBCB7;border:1px solid #003366;'

    con le personalizzazioni desiderate :)

    RispondiElimina
  9. Ci sono riuscita, grazie! Piano piano sto personalizzando un po' di cose sul mio blog, grazie alle tue istruzioni chiare :)
    Elle

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.