Sigueme por RSS! RSS

Banner por etiqueta en Blogger

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

0 comentarios: Suscribete a los comentarios por RSS

Publicar un comentario

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