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...
<!-- 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 -->
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?
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?
muchas gracias Daniiii, eres un solete.
ResponderEliminarNo 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.
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?
ResponderEliminarun besitooo genio y mil gracias, a mi estos tutoriales me dan la vida. Amelia.
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.
EliminarDany, muchas gracias, ayudas siempre a mucha gente y mira, lo haces fácil y sencillo, seguro que muchos saben ponerlo. Un besazo.
ResponderEliminarHola Dany, acabo de poner el esqueleto y el zombie en mi blog.
ResponderEliminar¡¡Ya lo tengo a punto para las fechas que se avecinan!!.
Muchas graciasssssss!!
Hola La seño, jeje, ahora tienes caminantes fríos en tu blog, enhorabuena.
Eliminarun abrazo
Hola, ¿cómo puedo ponerlo para que camine en la parte de arriba de la pantalla? :D
ResponderEliminarHola Ricardo, todo sería modificar donde pone botton y poner top, se quedaría así..
Eliminarposition:fixed; top:10px;
en condiciones normales sería position:fixed; bottom:10px
bottom sería abajo y top arriba.
Un saludo.
Muchísimas gracias :D
EliminarNo se merecen, para eso estamos.
EliminarUn abrazo