viernes, abril 17, 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.

8 comentarios:

Juan M dijo...

Hola!

Me ha encantado su web. Tengo un blog de tecnlogía con PageRank 3 y miles de visitas. Me gustaría hacer intercambio con ustedes. Mi web es www.viabinaria.com. Si quieren hacer el intercambio mandanme un correo a juanm@viabinaria.com

Gracias y felicitaciones por la web!

Juan Manuel

Mario Salgado Montenegro dijo...

Muy útiles tips, me gustaria saber como puedo hacer un gráfico para ponerlo como header de mi Blog donde pueda poner mi imagen combinado con algun fondo.
Agradeceré tus recomendaciones
Gracias

Il Dante dijo...

Hay dos premios en mi blog de DanteRaf (http://danteraf.blogspot.com/) para ti. Puedes pasar por ellos cuando quieras a recogerlos.
Además debes otorgar estos dos premios a otros tres blogs que creas oportuno o sean de tu prefernecia.
Un abrazo
DanteRaf
Sos un grande sigue asi... que es informacion utiles ya que me considero que no se nada sobre el tema...

xOsse dorrío dijo...

Gracias Il Dante... pero hace tiempo que no sigo memes!

Carmen dijo...

Muchas gracias por todos estos trucos. Yo soy nula en estas cosas y agradezco la ayuda. Besiños ;)

Unknown dijo...

ola
chido truco
pero quisiera saber como puedo acer la cabecera de mi blog asi como la tienen varias paginas con imagenes

skateparkQuilicura dijo...

yo lo hice en mi blog y resulto .. pero cuando lo abrri en internet explorer .. no se ve nada.. :S


como puedo solucionar este problema :s


yo uso regularmente mozilla ... pero un amigo me informo que no se vei en su explorador y el usa INternet explorer :P

si me puedes ayudar

este es el blog

http://skateparkquilicura.blogspot.com/

Como Hacer un Banner dijo...

Muchas gracias por la informacion si me ayudo mucho

Powered By Blogger