-->
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
Insertar Infolinks en Blogger # - Insertar Infolinks en Blogger
Habilitar los nuevos comentarios de Google+ en plantillas modificadas de Blogger # - Habilitar los nuevos comentarios de Google+ en plantillas modificadas de Blogger
Solucionar problemas del nuevo editor HTML de Blogger # - Solucionar problemas del nuevo editor HTML de Blogger
Estructura básica de una plantilla HTML5 # - Estructura básica de una plantilla HTML5
Ocultar entradas con determinada etiqueta en el inicio de Blogger # - Ocultar entradas con determinada etiqueta en el inicio de Blogger