-->
Suscripciones por RSS al final de las entradas en Blogger

Suscripciones por RSS al final de las entradas en Blogger

Este tutorial consta en agregar una sección al final de los posts con la opción de suscripción a las feeds de nuestro blog. Es bastante sencillo, elegante y bastante personalizable.


Vista previa de esta sección:


¿Cómo obtener esta sección en Blogger?

Paso 1: Creando el estilo:

Primero, vamos a ''Diseño/Edición HTML'' marcamos ''Expandir plantillas de artilugios'' y buscamos la siguiente sección:
]]></b:skin>

Sobre esta, pegaremos el siguiente código:

#suscripcion-rss{background: #FBF8F8 url(https://lh3.googleusercontent.com/-MxYRXaTG_q4/TY6uzCusiHI/AAAAAAAAAm8/rKR5PwUcGhs/s1600/feed_icon.png) 10px center no-repeat;border-top: 2px solid #990000;border-bottom: 2px solid #990000;margin: 10px 0 11px 0;padding: 10px 20px 20px 65px;text-align: center;font-size: 13px;line-height: 25px;height:40px;}
.social {
text-align:center;
}

Paso 2: Agregando la sección:

Ahora buscaremos la siguiente línea:
<data:post.body/>

Debajo de esta, pegaremos el siguiente código:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='suscripcion-rss'>&#191;Te ha gustado este post? Suscríbete mediante <a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='nofollow'>RSS feed</a> para recibir nuevas actualizaciones.</div></b:if>
Guardamos los cambios y listo:


Consideraciones:

Para cambiar el color de fondo y los bordes, modifica los siguientes valores:
  • background: #FBF8F8 (Corresponde al color de fondo)
  • border-top: 2px solid #990000 (Corresponde al borde superior)
  • border-bottom: 2px solid #990000 (Corresponde al borde inferior)
 Para reemplazar la imagen, cambias la URL por la de la imagen deseada.
Artículo aleatorio
BuySellAds
BuySellAds
BuySellAds
BuySellAds
BuySellAds
Artículos destacados
¡Hemos actualizado el diseño del blog! # - ¡Hemos actualizado el diseño del blog!
Gadget enlázame para Blogger # - Gadget enlázame para Blogger
Combinar tu perfil de Blogger con el de Google Plus # - Combinar tu perfil de Blogger con el de Google Plus
Agregar imagen de fondo en Blogger # - Agregar imagen de fondo en Blogger
Añadir el Blog a las búsquedas de Yahoo! # - Añadir el Blog a las búsquedas de Yahoo!