martes, 28 de diciembre de 2010

Suscribirse a entradas ATOM ocultar o cambiar por una imagen

Eliminar texto o enlaces que no vemos útiles en el blog es parte de la personalización. Quizás sea ese uno de los temas que más me gustan, la de personalizar o cambiar el aspecto del blog y que bueno tener la posibilidad de poder hacerlo.
Una de esas cosas que tenemos prisa por cambiar es el texto-enlace que nos ofrece la posibilidad de suscribirnos y está al final del blog algo así:

Normalmente decimos ocultarlo y para ello nos limitamos a buscar en los estilos lo siguiente  y añadiendo lo marcado en negrita:

.feed-links {
clear: both;
line-height: 2.5em;
visibility:hidden;
display:none;
}

Con la llegada de las nuevas plantillas el proceso era el mismo sólo que se reflejaba de forma distinta con la misma solución.

.blog-feeds, .post-feeds {
margin: 1em 0;
text-align: center;
color: $(feed.text.color);
visibility:hidden;
display:none;
}

En lugar de ocultar esa parte podemos darle un aspecto distinto y mostrar una imagen o texto recordando que pueden suscribirse a nuestras entradas.
Nos situamos en plantilla edición de HTML y marcamos para expandir la plantilla.
Buscamos lo siguiente:

<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>

<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'> <data:f.name/> (<data:f.feedType/>) </a>
</b:loop>
</div>
</b:includable>

Sustituimos lo marcado en negrita por un texto cualquiera, una imagen o las dos cosas:
Suscribirse a las entradas <img src='url-imagen'/> 

El resultado sería algo así:



No es nada del otro mundo pero se ve distinto como más personal ¿no?

No hay comentarios:

Publicar un comentario