Hacker of the Web
Tus ideas en código!...y mas

Mensaje de suscripción en pagina de cada etiqueta

Al hacer clic en alguna etiqueta de cualquier blog, el enlace posiblemente nos puede enviar a la página donde solamente estén entradas con esa etiqueta, o probablemente nos puede dirigir a la página de suscripción por feed de la etiqueta mencionada.

Incluso puede dirigirnos hacia una página de suscripción donde muestre también las entradas mas recientes de la etiqueta. En Blogger se puede lograr lo antes dicho, solamente con un gadget genérico, que he desarrollado:
<b:widget id='Label101' locked='false' title='Feed de etiquetas' type='Label'>
<b:includable id='main'>
<b:loop values='data:labels' var='label'>
<b:if cond='data:blog.url == data:label.url'>
<span class='feedEtiqueta'>Tal vez te interese suscribirte a "<a expr:alt='"Suscribirse a " + data:label.name' expr:href='data:blog.homepageUrl + "feeds/posts/default/-/" + data:label.name' expr:title='"Suscribirse a " + data:label.name'><data:label.name/> <img src='http://lh4.ggpht.com/_6CFlQEBRtLc/Sd5VV0eiB2I/AAAAAAAAB9Q/kxC1Ee_35EI/SynIco.png' style='border:0px'/></a>", para recibir entradas de "<data:label.name/>" actualizadas<br/> <b>URL:</b> <data:blog.homepageUrl/>feeds/posts/default/-/<data:label.name/></span>
</b:if>
</b:loop>
</b:includable>
</b:widget>

[1] Para agregar el gadget tendrás que entrar en Edicion HTML en la pestaña diseño de tu blog.
[2] Debes agregar el gadget justo despues de cualquier </b:widget> que veas. Luego podrás moverlo en Diseño, lo que obtendrás será
algo como esto:

Feed de etiquetas en sus páginas


[3] Luego para modificar el estilo del gadget en CSS será algo asi como esto:
.feedEtiqueta {
background: #CADAE4;
border:1px dashed black;
display:block;
margin:0 auto 0 auto;
padding:5px;
width:500px;
}

/!\ En esta entrada se asume que tienes conocimientos de como editar la plantilla. Si no sabes como o donde se modifica, revisa esta entrada: Donde editar el código HTML de nuestra plantilla.

|✔| También puedes optar por aprender CSS y en Hacker of the Web tenemos un manual muy bueno, aunque es básico: Manual básico de CSS.

#

Deja tu huella y comenta!

Hola!, por favor deja tus comentarios, te aseguro serán contestados, dudas, sugerencias, lo que sea!!!!!!!!!!.

Si el formulario no funciona, o quieres irte a la segura: agrega tu comentario de forma tradicional

Si necesitas ayuda mas personalizada deja un <a href='URL'>ENLACE</a> hacia tu blog.

Emoticons
Comenta con tu:
Comenta:

Sé el primero y comenta !


Página Principal
Arriba