Tutorial extra Halloween. Poner zombies en tu blog.

Estamos cerca de la fecha mágica de Halloween y bueno, os habréis dado cuenta de que el fondo y varias cosas de este blog se adaptaron a estas "temidas" fechas.

Más adelante, en otro tutorial, os enseñaré a poner el esqueleto andante de este blog, será el 5 de noviembre creo pero hoy, a petición de Amelia y por lo tanto, de la ley, os voy a poner aquí, cómo se ponen unos "lindos" zombies para que se paseen por vuestro blog.

El proceso es super sencillo.

Iríamos al PANEL DE CONTROL de nuestro blog, hablo de blogs de BLOGGER, aunque hay muchos que también pueden poner lo que nosotros vamos a hacer.

Luego vamos a DISEÑO.
CREAR UN GADGET.
Luego damos a HTML/JAVASCRIPT.
Se nos abre una ventana y pegaremos el código que deseemos según el zombie elegido.

Por ejemplo si queremos este buen mozo...

Y este , el código que debéis copiar para luego pegar en la ventana de HTML creada antes.


<!-- Inicio zombie en el blog -->
<marquee direction='right' scrolldelay='160' style='position:fixed; bottom:10px; left:0; width:100%;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm_KoUOTlpMZXj1gHvdTOIxhfGhpNO0ifjXTJYWH-BhgvzpsA_ouZ97k2SfmtpM2KfCHPa16Yk8SJrJr9W_OfNssAkRtSD2r96JptYRBPLwQrDHmnm8shEZrDWUJ1oF-ihIyn9cCUNIFs/s120/zombie-1.gif' tyle="border:0; background:none; padding:0; box-shadow: none;"/></marquee>
<!-- Fin zombie en el blog -->

(Si queréis que salga a la izquierda de vuestro blog, debeis cambiar donde pone left por right.)

Seguimos con otro amiguete.




Haremos el proceso que os dije arriba si queremos ponerlo y este es su código, el que debéis copiar y pegar en el HTML.




<!-- Inicio zombie en el blog -->
<marquee direction='right' scrolldelay='160' style='position:fixed; bottom:10px; left:0; width:100%;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivyfj3llMv2kuv5FhHON4oOqDM43omxCZSSCb2NAOErmeBadYgaSp9Ln5TbsXtD9axx4naycq1v0YEnagBpaLoen9K5y3GG4VJINEsJrD3rgkNAZuarsHYDwgqVUulGuHsuPwhnbVh-XA/s117/zombie-3.gif' style='border:0; background:none; padding:0; box-shadow: none;'/></marquee>
<!-- Fin zombie en el blog -->

Os presento a otro:

Este es Ricardito.



Y su código es:


<!-- Inicio zombie en el blog -->
<marquee direction='right' scrolldelay='160' style='position:fixed; bottom:10px; left:0; width:100%;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd5x-NzXoqgDzScDiWgMOkv_GxmLU5G0DEfhtm5_mdQ7SxHwBqcdLnCQ3Qd94jxVPVMFTQ9fcwhrKCX4WJnldoD3mmBtg8MYqJobE3UnzcFXzGif012B67xENiIGfyXFEvMdzEsYG8OM8/s138/zombie-4.gif' style='border:0; background:none; padding:0; box-shadow: none; width:80px;'/></marquee>
<!-- Fin zombie en el blog -->

Como siempre, PANEL DE CONTROL DE BLOGGER, DISEÑO, AÑADIR GADGET, HTML/JAVASCRIPT, COPIAR EL CÓDIGO del zombie que queramos y pegamos en la ventana de HTML copiada.

GUARDAR  y listo.

Y bueno, que Amelia quería el esqueleto, pues también lo voy a poner, aunque también saldrá en otro tutorial el día 5, es que estoy vago o no sé, lo mismo pongo otra cosa, depende de si está nublado o soleado.

Aquí viene Ulises el esqueleto:


Y su código es:

<a style="display:scroll;position:fixed;bottom:0px;right:0px;" href="http://www.miltrucosblogger.info/2011/10/gadget-de-esqueleto-andante-para.html"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhniLPTzecTtvIAzGERHr30zseorr_osCtKUKQQdRp5TeLtjaOwK7Kk8z0jQS_pQa3ogjQnz6mVFCvIfSgaW7FokDdIsrLdrMljDPfdxQcFdA8NdCexiQkGGMOuRrUB6GWsQh7D-42ngwc/s1600/2rrx9ba.gif" /></a>

Y ya está, ¿truco o trato?

Comentarios

  1. muchas gracias Daniiii, eres un solete.

    No sé si hay un error pero el esqueleto no sale, ya sé que has dicho que saldrá el día 5 pero como dices aquí viene Ulises el esqueleto y no sale, bueno voy a copiar el código que has puesto a ver que me sale a mi jajajaja, si no pongo el zombi de arriba que mola.
    un beso y mil graciasssssssssssssssssssss.Amelia.

    ResponderEliminar
  2. dani he puesto el zombi de piruja porque el otro no me funciona, pero vamos que cuando este el esqueleto me lo pongo a ver si lo sacas más grande que el otro que tenías en la página de acompañame, vale?

    un besitooo genio y mil gracias, a mi estos tutoriales me dan la vida. Amelia.

    ResponderEliminar
    Respuestas
    1. Hola Amelia, voy a probar el código del esqueleto pero creo que está el mismo código que el que tenemos aquí, ahora te digo.

      Eliminar
  3. Dany, muchas gracias, ayudas siempre a mucha gente y mira, lo haces fácil y sencillo, seguro que muchos saben ponerlo. Un besazo.

    ResponderEliminar
  4. Hola Dany, acabo de poner el esqueleto y el zombie en mi blog.
    ¡¡Ya lo tengo a punto para las fechas que se avecinan!!.
    Muchas graciasssssss!!

    ResponderEliminar
    Respuestas
    1. Hola La seño, jeje, ahora tienes caminantes fríos en tu blog, enhorabuena.

      un abrazo

      Eliminar
  5. Hola, ¿cómo puedo ponerlo para que camine en la parte de arriba de la pantalla? :D

    ResponderEliminar
    Respuestas
    1. Hola Ricardo, todo sería modificar donde pone botton y poner top, se quedaría así..

      position:fixed; top:10px;

      en condiciones normales sería position:fixed; bottom:10px

      bottom sería abajo y top arriba.

      Un saludo.

      Eliminar
    2. No se merecen, para eso estamos.
      Un abrazo

      Eliminar

Publicar un comentario

Recuerda darnos un +1 y comentarnos, nos haces seguir adelante.

Entradas populares de este blog

Tutoriales. Usar Wii Backup Manager para convertir juego en ISO a WBFS

Tu partida no es un adiós (Dedicado a nuestra compañera María Esther Borrero, Anescris)

Tutorial del cubo Barrel 3x3x3.