Widget de suscripción por correo electrónico para Blogger

La suscripción por correo electrónico es una de las funciones más imprescindibles en un blog que, se debe tomar con la importancia que se merece, pues en mayor medida, es una de la mejores maneras de atraer lectores fieles, que siempre estén al tanto de tu contenido.

Esta función es bastante sencilla si tienes un blog en Blogger, pues desde que lo creas, ya debes de tener un feed en Feedburner… espera ¿no te expliqué que es feedburner? 

Feedburner es un servicio de Google, con el cual los webmasters pueden gestionar y ofrecer su contenido al público, mediante el correo electrónico. Todo esto, de forma automática.

Como mencioné, los blogs en Blogger tiene ya creado su feed, en caso contrario, agregarlo es bastante sencillo como ir a este sitio e ingresar la url de tu blog.

Aunque Blogger ya tiene instalado por defecto, una caja de suscripción en su repertorio. Para esta entrada, usaremos un widget independiente, personalizado enteramente de CSS.

caja-suscripcion-correo-electronico-blogger-personalizar-followbyemail
  • Save

Instalación:
Nos dirigimos a Tema > Editar HTML y buscamos lo siguiente:

<div class='post-footer'>

Justo debajo de él, copia y pega:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/bwbd3zogofee8cx/gadget-caja-suscripcion.css" media="screen" />
<center>
<div id='emailwidget-outer'>
<div id='emailwidget'>
<table style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;' width='100%'>
<tbody>
<tr style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>
<td align='left' style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'> <p style='color:#666; font-weight: bold; font-size: 22px; margin:0px 0px 5px 0px; '>Suscríbete por E-mail</p>
<form action='http://feedburner.google.com/fb/a/mailverify' class='feedburner' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=USUARIO-FEED&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='USUARIO-FEED'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='dcstyle' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Ingresa tu e-mail&quot;;}' onfocus='if (this.value == &quot;Ingresa tu e-mail&quot;) {this.value = &quot;&quot;}' type='text' value='Ingresa tu e-mail'/>
<input alt='' class='dcsubmit' title='' type='submit' value='Suscribirme'/>
</form>
</td>
<td style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'><p style='color:#666; font-weight: bold; font-size: 14px; margin:0px 0px 5px 0px; '>o siguenos</p>
<a href='http://feeds.feedburner.com/USUARIO-FEED' rel='nofollow' target='_blank' title='Suscribete a nuestro RSS'><img src='https://3.bp.blogspot.com/-ShqPVqX-vhs/TqgOXX5m9WI/AAAAAAAAFCg/WFRLxQ4yjuM/s1600/rss-30×43.png'/></a>
<a href='twitter' rel='nofollow' target='_blank' title='Siguenos en Twitter'><img src='https://2.bp.blogspot.com/-eVZSNf1mj_E/TqgOX_ldq1I/AAAAAAAAFCk/2wDDaA8esG8/s1600/twitter-30×43.png'/></a>
<a href='facebook' rel='nofollow' target='_blank' title='Hazte fan en Facebook'><img src='https://1.bp.blogspot.com/-sT9lHle5N54/TqgOWhi-amI/AAAAAAAAFCU/MwoQL3ZhEy4/s1600/facebook-30×43.png'/></a>
</td>
</tr>
</tbody></table>
<div align='right'><span style='font-style: italic; font-size: 8px; color: solid #ffffff;'><a href='https://www.enanitoverde.com/2020/04/caja-de-suscripcion-por-correo.html' style='text-decoration: none;' target='_blank'><font color='#d3d3d3' decoration='none'>[Conseguir Widget]</font></a></span></div>
</div></div>
</center>
</b:if>

Nada más con reemplazar lo que está en rojo, con lo que corresponde, ya estará listo.

Nos leemos.

2 comentarios en “Widget de suscripción por correo electrónico para Blogger”

Deja un comentario

Share via
Copy link