-->
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
Ayuda Bloggers es parte ahora de "Todo Blogger en Español" # - Ayuda Bloggers es parte ahora de "Todo Blogger en Español"
Instalar Like Box Facebook en Blogger # - Instalar Like Box Facebook en Blogger
Crear scripts .js (Javascript) en Blogger # - Crear scripts .js (Javascript) en Blogger
Insertar Infolinks en Blogger # - Insertar Infolinks en Blogger
Gánate un dominio gratis por 1 año # - Gánate un dominio gratis por 1 año