17 de noviembre de 2011

Etiquetas de pie de página personalizadas

Resulta tan importante para la navegación por el blog el uso de las etiquetas que me ha parecido imprescindible resaltarlas en el pie de página.  Como tantas veces Gem@ Blog ha sido mi referente.  Un pequeño resumen de como lo he conseguido.

Con las plantillas de artilugios expandidas, en el código HTML hay que localizar la etiqueta <data:label.name/> (siempre ayuda mucho usar Ctrl-F). 

<a expr:href='data:label.url' rel='tag'>

<span class='etiquetas'>

<data:label.name/>

</span>

</a>

Justo delante y detrás he añadido las etiquetas que están en color.

Y en la siguiente línea he quitado el separador, la coma que hay entre las etiquetas.

<b:if cond='data:label.isLast != &quot;true&quot;'>  , </b:if>

Luego solo nos quedará añadir el código CSS de acuerdo con el diseño de nuestra página, justo antes de ]]></b:skin>.  Yo he usado el siguiente, sencillo pero más que suficiente:

<!— CSS PARA ETIQUETAS DE PIE DE PAGINA -->
.etiquetas {
font-size:140%;
padding:1px;
color:#FFFFFF;
background:none repeat scroll 0 0 #222222;
}

Como siempre recomiendo encarecidamente poner una línea de comentario para poder identificar siempre lo modificado en la plantilla.

Entrada anterior Entrada siguiente Página Principal
Related Posts Plugin for WordPress, Blogger...