Mostrando entradas con la etiqueta Fondos. Mostrar todas las entradas
Mostrando entradas con la etiqueta Fondos. Mostrar todas las entradas

Cambia el color del fondo desde un gadget

¡ Artículo publicado en el blog El Balcón de Jaime, que pese a ser un blog terminado, es uno de los mejores en trucos blogger. ! Ve la entrada en su blog original.

Añade un fondo de color en tu blog con un gadget
Este truco es una cosa impresionante, conseguí hacer unas cuantas combinaciones, y conseguí hacer lo que deseaba: hacer que, al copiar un simple código, y pegarlo en un elemento html-javascript de la parte de diseño, pudieramos aplicar color de fondo al blog, sin necesidad de ir al html de nuestra plantilla...

Diseño>añadir gedget (elemento de página)>html-javascript

Este es el código:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-color: #000000; background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>


Lo que está en rojo es el color que tendrás de fondo (está en negro) puedes escojer cualquier color en la tabla de colores.

Deberás borrar #000000 e introducir el código de tu color :-)
Debes saber...

El código de este truco está basado en el código que proporciona thecutestblogonthebloc donde también proporcionan imágenes de fondo :-D

Cómo añadir un fondo al blog con un gadgetr

¡ Artículo publicado en el blog El Balcón de Jaime, que pese a ser un blog terminado, es uno de los mejores en trucos blogger. ! Ve la entrada en su blog original.

Añade un fondo de imágen al blog con un gadget
Pués como anteriormente expliqué, se puede añadir un fondo a nuestro blog con un simple elemento de página (gadget) html-javascript.

Hoy te enseñaré a añadir una imágen en lugar de un simple color...


Diseño>añadir gadget (elemento de página)>html-javascript

Pegas este código:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background: #FFFFFF url(http://sunergos.googlepages.com/SunergosGreyWallpaper-0.0.1.png) repeat-x;background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>


Lo que te muestro en rojo es la URL (dirección) de la imagen de fondo (es un wallpaper gris) si necesitas saber la URL de alguna imagen, haz click con el botón derecho del ratón y selecciona propiedades, después copias la dirección de la imagen :-)

Debes saber...

El código de este truco está basado en el código que proporciona
thecutestblogonthebloc donde también proporcionan imágenes de fondo :-D

Como instalar colores cambiante en el fondo del blog

Este truco lo vi en Ayuda para el Blog y si el autor me lo permite deseo compartirlo con ustedes. Este truco consiste en que cada vez que tus lectores entren a tu blog el color del fondo cambie. Sólo tienes que ir a Diseño > Edición de HTML y eliminar este código después de body {

background:$bgcolor;

Si no dice $bgcolor; puede decir algo como #FFFFFF dependerá de cada plantilla.
Ahora pega este código después de la etiqueta <body>
<script type='text/javascript'>
var bgcolorlist=new Array("#eccfba", "#d1f6ee", "#baece1", "#d2d4f3", "#efd1f6", "#41485e", "#f6d1d4", "#fffff")
document.bgColor=bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)]</script>


Los colores los puedes modificar a tu gusto, sólo cámbialos por los que más te gusten. Presiona F5 para recargar la página y ver cómo cambia el color de fondo.


-Fuente: Ciudad Blogger
Related Posts Plugin for WordPress, Blogger...