Filled Under: ,

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

Written by

We are Creative Blogger Theme Wavers which provides user friendly, effective and easy to use themes. Each support has free and providing HD support screen casting.

0 comentarios:

Publicar un comentario en la entrada

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

© 2013 iPRESS. All rights resevered. Designed by Templateism