21 gennaio 2015

Come personalizzare l´iscrizione alle mail di feedburner

Buon mercoledì e buon tutorial.
Come dal titolo oggi andiamo a creare il modulo per le iscrizione delle mail al nostro blog.
Tutti abbiamo un modulo di iscrizione a feedburner, l´abbonamento che permette al lettore di avere il nostro post nella sua posta elettronica. Il servizio di feed burner e il widget di blogger preconfezionato con il feed del nostro blog è solamente in bianco  con la scritta nera.
Ma oggi se seguite le mie indicazioni andiamo a personalizzare questo modulo con un immagine che più rispecchia il   nostro blog.
Il servizio di feedburner offre questo modulo di iscrizione
e il widget già predisposto da blogger ci da un altro effetto di modulo di iscrizione
Sia il primo che il secondo sono correlati cioè contengono il nostro feeds registrato al sito Feedburner.Ma comunque risultano entrambi  anonimi.
-Avete mai visto siti che hanno moduli di iscrizioni alle newsletter che viene voglia talmente sono belli di iscriversi subito?
questi moduli di iscrizione alla newsletter di questi siti 1 e 2 sono gradevoli e spingono il lettore all´iscrizione.
Quindi andiamo a creare qualcosa di  più accattivante per il nostro blog.
Passo1 Ci serve un immagine che più rispecchia il nostro blog possiamo scrivere sopra qualcosa che più ci piace e sovrapporre il vecchio modulo con la nostra immagine.Come ho fatto io sotto vedi le foto.Vi piacciono? Avete voglia di provarci? Seguitemi passo passo.
Quello che ci serve è un  rettangolo di 380x150px lo carichiamo su tinypic per trarne in seguito l´URL dell´immagine
Passo 2  andiamo a prendere in modalità layout del blog  un gadget htlm di blogger ed incolliamo questo codice,prima di salvare andiamo subito a modificare il nostro modulo d´iscrizione.
<form style="background-color:#ffffff; padding:8px;text-align:center; background: url(Url_image); background-repeat:no-repeat;" action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=address feeds', 'popupwindow', 'scrollbars=yes,width=350,height=150');return true"><p>Enter your email address:</p><p><input type="text" style="width:100px" name="email"/></p><input type="hidden" value="address feeds" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /><p> <a href="https://feedburner.google.com" target="_blank"></a></p></form>

 Cosa possiamo modificare 

center o right o lift a seconda dove vogliamo la scritta subscribe

Url_image l´indirizzo dell´immagine di tinypic

address feeds //importante// l´indirizzo si presenta (http://feeds.feedburner.com/wanesia)prendere l´ultima parte praticamente solo il nome del blog

350 & 150 è la dimensione della nostra immagine che abbiamo costruito 
in più possiamo anche modificare le parole come  Enter your email address// email//  Subscribe// con parole che più ci piacciono.
Adesso salva e vedi l´effetto ottenuto.
Buon lavoro!

Nessun commento:

Posta un commento

Instagram

Pinterest