Fondo de Colores cambiantes en Blogger

Creando nuestro Código de Fondos con CSS:
Para hacer que el fondo se cambia de color cada cierto tiempo usaremos la maravilla que nos brinda el CSS, si no conoces mucho de CSS, te recomiendo leer un poco ya que con esto podemos crear estilos fabulosos para nuestro sitio. Pero como mi labor es tenerles un resultado concreto el código que usaremos es el siguiente:
<style> body{ animation: multifondo 25s infinite } @-webkit-keyframes multifondo { 0% {background-color: red;} 25% {background-color: #dddccc;} 75% {background-color: green;} 100% {background-color: #abcabc;;} } </style>
Como podrán observar usamos keyframes de CSS para poder generar esta magia, la cual hace referencia al elemento multifondo que declaramos en el elemento body con un tiempo de 25 segundos, de esta forma estos 25 segundos se repartirán proporcionalmente entre los colores que indicamos, ademas podrán observar que los colores podemos escribirlos en Ingles o con su código Hexadecimal, todo esto nos dará como resultado lo siguiente:
Ese es el ejemplo miniatura que tendríamos pero en nuestro sitio se vería de esta forma: ver Demo.
Colocar nuestro Código multifondos en nuestro Blog
Existen 2 formas de ponerlo, empezare diciendo la mas fácil, ya que no tendremos que adentrarnos al código de nuestro Blog para hacerlo, solo tenemos que ir al menú Principal de Blogger, y seleccionar la Opción Diseño y luego le damos en añadir Gadget y elegimos el de Javascript/HTML, pegamos el código y guardamos. Diseño->Añadir Gadget->Javascript/HTML


Ahora la segunda forma sera entrando al código Html de nuestro Blog, así que en el Menú principal seleccionamos la Opción Plantilla y luego damos click en Editar Html. Plantilla->Editar Html.
Pegamos el código después de la etiqueta <body>, aunque no hubiera ninguna complicación si lo hiciéramos antes de la etiqueta </head>
Una ves hecho cualquiera de los 2 pasos, ya tendremos nuestro fondo que cambia de color cada cierto tiempo, ustedes pueden agregar mas colore, o un mayor tiempo, ya ustedes realicen sus propias pruebas y busquen un buen contraste para su blog.
Espero que este Post sea de mucha utilidad, recuerden que compartir el conocimiento nos brinda mas conocimiento. cualquier duda no duden en comentar estoy para ayudarlos.
¿Tienes alguna otra forma de crear un fondo que cambie de color?. deja tu respuesta en los comentarios.
Suscribirse a:
Comentarios de la entrada
(
Atom
)
No hay comentarios. :
Publicar un comentario