Para poner esta nieve en el fondo de tu blog entra en Plantilla | Edición de HTML y antes de
]]></b:skin> pega esto:
]]></b:skin> pega esto:
/* Nieve en el fondo del blogAhora busca la etiqueta <body> o esta línea:
----------------------------------------------- */
@keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
@-moz-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
@-webkit-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
@-ms-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
#contenedor-nieve {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU1M-JBkKd_vZ94L1i48qVI0Bv83EPU6fQTpi4drK3G-2EmuSGDBdAUK-8EYAhCtV3xkQinp_pc6YKjExUsSdBGbWv0Ej58i2FBWxc7IbfNHE65vsOXvaSjh-i0-Er0e0wCJtVSR_-fVE/s500/snow.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKkmEmZX5kBWfTyBFW3v6K2hbXr0CVvRPNZAsIlI9EnUGJIw-fCVX-IpHDY0ctEcWehS6TOoGEJMMm-tdKarUqUlHQfKNjmSodgy5vWrcIhic48lB2Pq1FPo9ytuBW5tLiCoVr-2Zs5X8/s400/snow3.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhce2jUwj4Lt6f8f5n__i4_UeVIcvl4V0spWzyvbth-KpVnHqVwF7zhSJkdzy2jZ2jlG2phNrQfPfGS7j9rkZ7CUTBR6mFQdWZKZKbKRLTk5js-LeguoHtU3vw4VCRaDeCPQmkfqk4LEpg/s300/snow2.png);
-webkit-animation: snow 20s linear infinite;
-moz-animation: snow 20s linear infinite;
-ms-animation: snow 20s linear infinite;
animation: snow 20s linear infinite;
}
<body expr:class='"loading" + data:blog.mobileClass'>
Y debajo de cualquiera de las dos agrega esto:
<div id='contenedor-nieve'>
Por último busca la etiqueta </body> y arriba de ella agrega:
</div>Guarda los cambios y listo.
No hay comentarios:
Publicar un comentario