Hola Mis Queridos Soñadores!!
Llevo ya semanas intentando poner un gadget en el que halla varias imágenes deslizándose y que te dirijan a algún sitio y LO CONSEGUI 💃💃💃
Y os voy a contar después de duras días de búsquedas y pruebas lo conseguí del Blog Entre Libros y Tintas, os animo a que lo echéis un vistazo lo explica muy bien
Yo aquí Os dejo un pequeño resumen de todos modos:
1. Vamos a nuestro menú principal de blogger, luego nos vamos a diseño
2. Nos ponemos en el sitio que deseéis, ya sea la cabecera, en una barra lateral o a pie de pagina y le damos a añadir un gadget
3. Nos ponemos en añadir Html/Javascript
4 . Pegamos el siguiente código
<center>
<div class="widget-content">
<marquee direction="left" scrollamount="4" style="background-text-align:center; width: 300px; height: 200px; border: 0px solid #f781d8; padding: 1px; "onmouseover="this.scrollAmount='0'"
onmouseout=this.scrollamount='3'">
<a href="URL" title="TITULO"><img style="width:200px; height:200px;" src="IMAGEN" /></a>
</marquee></div>
</center>
1. Vamos a nuestro menú principal de blogger, luego nos vamos a diseño
2. Nos ponemos en el sitio que deseéis, ya sea la cabecera, en una barra lateral o a pie de pagina y le damos a añadir un gadget
3. Nos ponemos en añadir Html/Javascript
4 . Pegamos el siguiente código
<div class="widget-content">
<marquee direction="left" scrollamount="4" style="background-text-align:center; width: 300px; height: 200px; border: 0px solid #f781d8; padding: 1px; "onmouseover="this.scrollAmount='0'"
onmouseout=this.scrollamount='3'">
<a href="URL" title="TITULO"><img style="width:200px; height:200px;" src="IMAGEN" /></a>
</marquee></div>
</center>
Lo que tienes que modificar es:
- "URL" Por la dirección de Url de la que se redirija la imagen.
- "TITULO" Podéis dejarlo tal cual o poner lo que queréis que aparezca cuando pongáis el pulsor encima, antes de cliquear.
- "IMAGEN" Debéis poner la Url de la imagen que queréis que aparezca.
Nota: Para poner más imágenes solo tenéis que copiar este código tantas veces como imágenes queréis que aparezcan, y modificarlo:
<a href="URL" title="TITULO"><img style="width:200px; height:200px;" src="IMAGEN" /></a>
- "URL" Por la dirección de Url de la que se redirija la imagen.
- "TITULO" Podéis dejarlo tal cual o poner lo que queréis que aparezca cuando pongáis el pulsor encima, antes de cliquear.
- "IMAGEN" Debéis poner la Url de la imagen que queréis que aparezca.
Nota: Para poner más imágenes solo tenéis que copiar este código tantas veces como imágenes queréis que aparezcan, y modificarlo:
y listo
Besitos Soñadores!!
No hay comentarios:
Publicar un comentario