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
Botones para subir y bajar en Blogger # - Botones para subir y bajar en Blogger
Marca de agua en las imágenes con CSS # - Marca de agua en las imágenes con CSS
Efecto de desenfoque con CSS # - Efecto de desenfoque con CSS
Vídeotutorial: Crear plantilla para Blogger: Introducción a los códigos esenciales de Blogger # - Vídeotutorial: Crear plantilla para Blogger: Introducción a los códigos esenciales de Blogger
Insertar una página externa en una entrada en Blogger # - Insertar una página externa en una entrada en Blogger