sábado, 19 de marzo de 2011

Nuevo widget de blogger: "Seguir por correo electrónico" y su personalización

Iba a agregar el widget de entradas populares a un plantilla con la que estoy trabajando, y me dí cuenta que había sido agregado un widget llamado "Seguir por correo electrónico", para ofrecer a los usuarios del blog que reciban actualizaciones por correo electrónico, o dicho de otro modo, para que se suscriban al blog.

 

Me gusto que lo facilitaran de esa manera, estoy segura que a muchos de ustedes les caerá de maravilla, pues les ahorrará tiempo, ya que no tendrán que ir a feedburner a conseguirlo, y  solo bastará con agregarlo a la columna lateral, o cualquier otro sitio de  la plantilla.



 Para instalarlo, solo necesitas ir Diseño► Elementos de la página, y agregar el gadget en tu columna lateral o en la posición que quieras en tu plantilla...









...pero, ¿cómo personalizarlo?





Es fácil, primero, para que la información contenida en la ventana de feedburner que se abre al hacer la solicitud, se muestre en español, necesitarás ir a la edición de HTML de tu plantilla, expandir plantillas de artilugios, y luego, con la ayuda de CTRL F,  buscar la siguiente linea de código:



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



Deberás cambiar en_US  por es_ES



Para cambiar el texto que aparece en el botón de envio, deberás identificar esta linea de código:



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



Luego, deberás cambiar Submit por el texto que deseas que aparezca en el botón, por ejemplo: Enviar.



Para cambiar el color del botón deberás agregar algunas lineas de código en la sección CSS de la plantilla antes de ]]></b:skin> o bien, yendo a Diseño►Diseñador de plantillas►Avanzado►Añadir CSS  (recuerda que de ese modo, puedes ver los cambios desde ahí) y agregar el código para cambiar la apariencia del botón; por ejemplo:




.follow-by-email-submit {

background: #000000 !important; /*este es el color de fondo del botón*/

color: #ffffff !important; /*Este es el color de la letra*/

}



Para cambiar la apariencia del campo de entrada de texto, (que es donde escriben el e-mail) usarás estas lineas de código, por ejemplo:




.follow-by-email-address {

border: 1px solid #000000 !important; /*para cambiar el borde*/

}



Nota: todos son ejemplos, tu puedes poner los colores que quieras, puedes consultar esta tabla de colores , lo  importante es que escribas !important después de cada valor.



También, si deseas darle un fondo diferente al widget, (al exterior) usarás algo como este ejemplo:




#FollowByEmail1 {

background: #000000; /*Este es el color del fondo*/

...

}



...y si quieres poner una imagen de fondo:



background: url(imagen.gif) no-repeat;





Conclusiones:



Definitivamente este widget es más amigable que el enlace de sucribirse a entradas atom, que dispone blogger en las plantillas, y partiendo desde el punto de que, al principio, muchos desconocen lo que es suscribirse a un blog, o los servicios de gestión de feeds como feedburner, este widget ofrece la posibilidad de tener activo el servicio de suscripción al blog, de una manera rápida y accesible al usuario que nos visita, lo que permitirá que podamos tener más lectores y así facilitar el crecimiento de nuestro blog.



¿Y tú que piensas de este nuevo elemento?

No hay comentarios:

Publicar un comentario