Widget para tus feeds

Se trata de incluir un widget personalizado en la sidebar para facilitar a nuestros futuros suscriptores la opción de suscribirse a nuestro blog.

Gracias a Juliana Sardinha del blog de ayuda Dicas Blogger de quien he tomado la idea, he construido el código para el widget.

Si alguno de vosotros opta por colocar el modelo que Juliana nos propone en su blog, los pasos a seguir serán los mismos que para colocar el mío y, aunque su blog se publica en portugués, simplemente por intuición no será nada complicado conseguirlo.

Este es el código que colocaremos dentro del elemento:

<table border="1" style="text-align: left; width: 250px; height: 100px;" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td><a href="http://feeds.feedburner.com/blogspot/hnBy"><span style="text-decoration: underline;"><img alt="Feeds" style="border: 0px solid ; width: 110px; height: 110px; float: left;" src="http://2.bp.blogspot.com/_8PJ-pgoBhWQ/SLSjKZSO6uI/AAAAAAAAEHs/1_Vb9U5gx88/s320-R/rss128pw8.png" title="¡Suscribe Feed!"/></span></a><br/>
<a href="http://feeds.feedburner.com/blogspot/hnBy" title="Suscribe entradas">Feed (RSS)</a><br/>
<a href="http://www.feedburner.com/fb/a/emailverifySubmit?feedId=690409&loc=en_US" title="Recibe mis entradas en tu email">Feed
(email)<br/>

</a><a href="http://elescaparatederosa.blogspot.com/feeds/comments/default" title="Suscribe mis comentarios">Feed
(comentarios)<br/>
</a><a href="http://feeds.feedburner.com/blogspot/hnBy"><img style="border: 0pt none ;" alt="Lectores" width="88" src="http://feeds.feedburner.com/%7Efc/blogspot/hnBy?bg=6699FF&amp;fg=444444&amp;anim=&amp;label=lectores" height="26"/></a><br/>
</td>
</tr>
</tbody>
</table>
  Cambios:
He marcado la parte del código donde tendréis que poner vuestros datos en color.
Rojo Colocamos aquí nuestra dirección del feed de Feedburner, de Blogger o del servicio que estemos usando en cada caso.
Azul Esa es la url de la imagen que he escogido, para cambiarla por otra si así lo preferís, solo hay que poner la url de la nueva imagen en lugar de esta.
Verde La dirección para suscripción por correo.
Azul claro El nombre del blog.
Naranja El código del botón de Feedburner.

Y este será el resultado: 

Podéis consultar como usar el servicio de Feedburuner si estáis interesados en empezar a usarlo.


0 comentarios:

Publicar un comentario