viernes, 17 de abril de 2009

Como crear un banner para tus links favoritos

Lo primero que vamos hacer es pegar éste código en nuestra plantilla. Para ello vamos a Diseño -> Edición de HTML y antes de </head>:

<link href='http://xosse.dorrio.googlepages.com/bannerxOsse.ccs' rel='stylesheet' type='text/css'/>
<script src='http://xosse.dorrio.googlepages.com/bannerxOsse.js' type='text/javascript'/>


También podeis descargar esos archivos, renombrarlos y subirlos a vuestro propio dominio. Así no estareis expuestos a su pérdida si algún día yo los elimino de mi espacio, por error o por que ya no los necesite.

Posteriormente crearemos un elemento nuevo en la Sidebar. Vamos a Diseño -> Elementos de la página -> Añadir un gadget -> HTML/Javascript y editamos:

<center>
<div id="mbs49808d35a52f6" class="mod_bannerslider" style="width: 180px; height: 80px;">
<div class="bs_opacitylayer">
<div class="bs_contentdiv"><a href="http://www.moendo.net/" target="mOendo do Revés"><img src="http://xosse.dorrio.googlepages.com/moendo-net.PNG" alt="mOendo.net" /></a></div>
</div>
<div class="bs_contentdiv"><a href="http://blogandroll-xosse.blogspot.com/" target="Blog and Roll"><img src="http://xosse.dorrio.googlepages.com/logo_BR.jpg" alt="Blog and Roll" /></a></div>
</div>

<script type="text/javascript"><br /> new ContentSlider("mbs49808d35a52f6", "fade", 2000, 1, 1);
</script>
</center></div>

Dentro de éste código podremos editar el tamaño de la caja, tanto su anchura (width) como su altura (height) y podremos, además, poner tantos links como nos parezca; sólo es preciso repetir la parte del código que contiene el link a la web y el link a la imagen, cambiándolo por otro diferente. Es téticamente es importante utilizar imágenes que se correspondan con las medidas de la caja, para ligar las webs que deseamos.

No hay comentarios:

Publicar un comentario