Banner por etiqueta en Blogger

0

hi! voy a mostrarles una forma de agregar una imagen personalizada para cada etiqueta del blog, la idea es que cada vez que se haga una búsqueda por etiqueta, aparezca un banner que la represente, por ejemplo, para la etiqueta Música:


El proceso es sencillo, solo hay que identificar la etiqueta luego de la búsqueda y mostrar la imagen correspondiente.

Con la plantilla de artilugios expandida, buscamos la siguiente linea:
<b:includable id='main' var='top'>

y justo luego de ella, incluimos el siguiente script:
<script type='text/javascript'>
//<![CDATA[

// url de la pagina actual
var sBlogURL = location.href;

// identificamos la pagina
var isLabelPage = sBlogURL.indexOf("search/label") != -1;

//  si es la pagina por etiqueta..
if (isLabelPage) 
{
   var arLabels = new Array();

   arLabels['nombre_etiqueta1'] = 'URL para la etiqueta1';
   arLabels['nombre_etiqueta2'] = 'URL para la etiqueta2';
   arLabels['nombre_etiqueta3'] = 'URL para la etiqueta3';
   arLabels['nombre_etiqueta4'] = 'URL para la etiqueta4';
   arLabels['nombre_etiqueta5'] = 'URL para la etiqueta5';

   var arCacho = sBlogURL.split('/');
   var sLabel = arCacho[arCacho.length-1];

   if (arLabels[sLabel]) {
      document.write("<div style='text-align:center'><img border='0' src='" + 
arLabels[sLabel] + "'/></a></div>");
   }
}

//]]>
</script>

Hay que editar el script para agregar el nombre de la etiqueta y la URL/dirección de la imagen a la que apuntara, en caso de que la etiqueta no este definida en el array arLabels, simplemente no se muestra ninguna imagen.

Acá les dejo (por si les sirve) un conjunto de imágenes que hice hace algún tiempo:
Clic aquí para mostrar u ocultar las imégenes










Lo siguientes son enlaces a paquetes de banner en formato AL(Adobe Illustrator):
- en vectorilla
- en conectablog

64x64

Escrito por Reinaldo Cassiani (Cass)

coder venezolano con más de 5 años de experiencia en el Desarrollo Web, encariñado con el arte digital y la tecnología en general. "un mortal más en la red"..
Si quieres estar al tanto de las ultimas publicaciones de Cassianet, te invito a suscribirte a mi feed con tu lector de RSS preferido, suscribirte por Twitter, Facebook o recibe las entradas por E-mail.
Todas las suscripciones son completamente gratis, animate!
¿Qué es RSS? - ¿Cómo recibir RSS? - ¿Qué es un lector RSS?

Dejar un comentario..!

- Los comentarios están siendo moderados y serán publicados en la brevedad posible.