Cómo hacer un banner rotativo en segundos en HTML para Blogger

  • Autor Autor ppzuin
  • Fecha de inicio Fecha de inicio
P

ppzuin

Dseda
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Ayuda amigos, necesito saber de como hacer banners rotativos por segundos en html en blogger?
 
HTML:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="https://dl.dropbox.com/s/0ha6lhfuietk9hr/ticker.js"></script>

<script type="text/javascript">
$(document).ready(function(){
    $('#rotador').list_ticker({
        speed:2000,
        effect:'fade',
        run_once:false,
        random:true
    })
})</script>

<ul id="rotador"​​​​​​​​​​​​​​​​​​​​​>
    <li>Banner 1</li>
    <li>Banner 2</li>
    <li>Banner 3</li>
</ul>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

speed: Tiempo en milisegundos
effect: Fade o slide
run_once: Mostrar una vez (true o false)
random: Mostrar aleatoriamente (true o false)

Ahí te guardas el ticker.js, puede que después lo borre de mi Dropbox.

- - - Actualizado - - -

Por cierto, te dejo un Enlace eliminado.
 
O simplemente usando:

HTML:
<marquee>Textos o imagenes</marquee>
 
y no vale un gif? XD
si, soy un cutre, ¿que pasa? XD
 
y no vale un gif? XD
si, soy un cutre, ¿que pasa? XD

Puedes meter cualquier cosa 😉

- - - Actualizado - - -

Olvida xD Ya entendí. ¿Y para rotar la URL del banner?
 
Olvida xD Ya entendí. ¿Y para rotar la URL del banner?

Si usas el método que te da WeRunTheNite, simplemente debes agregar los enlaces por cada elemento de la lista:


HTML:
<ul id="rotador"​​​​​​​​​​​​​​​​​​​​​>
    <li><a href="http://google.com/" target="_blank">Link 1</a></li>
    <li><a href="http://google.com/" target="_blank">Link 2</a></li>
    <li><a href="http://google.com/" target="_blank">Link 3</a></li>
</ul>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​
 
Atrás
Arriba