Delicious LinkedIn Facebook Twitter RSS Feed
Showing posts with label Fondos para blog. Show all posts
Showing posts with label Fondos para blog. Show all posts

Fondos para Blog.

Aquí tenéis algunos fondos para decorar vuestro Blog,y para saber como poder modificar vuestro fondo,podéis mirar estos dos temas relacionados,donde encontrareis instrucciones a modo de "tutoríal" para hacerlo correctamente.

*Pulsar sobre el fondo que os guste para verlo en tamaño completo.
*Poner,cambiar,o borrar un fondo para Blog.
*¿Como poner una imagen de fondo para blog blogger?

Poner,cambiar,o borrar un fondo para Blog.

Otra de las cosas mas sencillas,y que mas se modifica en un Blog es "el fondo" del mismo.Así en "navidad" se puede poner un fondo en "Halloween" otro distinto,para ocasiones especiales o no,podemos tan solo cambiando la "url de la imagen" modificar el fondo de nuestro blog.

Para poner un Fondo al Blog visite este tema.
Ahora a la pregunta de "borrar el fondo ya disponible" o "sustituirlo por otro",atenderé a esta pregunta por ser un tema habitual y de utilidad:
1ºPara borrar un fondo ya disponible,vamos a Diseño y Edición de HTML,buscamos con el teclado "pulsamos" las teclas "Control+F" para buscar (como se ve en la imagen),body { background ,justo después pone: url("url de la imagen") fixed no-repeat top left; Si queremos eliminar el fondo para dejarlo sin imagen esa parte es la que hay que borrar,previsualizar y guardar.

2ºSi lo que queremos es cambiar la imagen de fondo,o borrar la anterior por otra nueva:
solo hay que borrar la "url" de la imagen y poner la "url" de la imagen deseada,
body {
background:url("http://AQUI VA LA URL DE LA IMAGEN QUE SE QUIERA") fixed no-repeat top left;
*Cualquier imagen puede servir para fondo de blog,suelen ser en formato,GIF,JPG,con una resolución o tamaño de 1600x1200,podemos por ejemplo ir a Google "imagenes" y buscar imagenes,sobre las que con botón derecho de ratón pulsaremos y en la ventana que se abre seleccionamos "copiar la ruta de la imagen",la cual pegaremos en la sección indicada en lo explicado anteriormente.

*Espero que así algunas dudas queden resueltas,un saludo.

Generador de texturas o fondos para personalizar blog.

Japonizer es un sitio donde podemos encontrar texturas para añadir como imagen de fondo además de podemos escoger los colores para nuestro fondo y tener una idea de los resultados antes de descargar la imagen.

Fondos Navideños para Blog

Fondos navideños para Blog;

Pasos;vamos a:Diseño,y Edición de HTML...Una vez hay buscamos(cerca del principio);
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: #fff;

background: url(http://AQUI PONREMOS LA URL DE LA IMAGEN NAVIDEÑA QUE QUERAMOS.jpg) fixed no-repeat top left;

*Podríamos poner cualquier imagen que tenga un tamaño suficiente,como estas que os muestro;
*IMAGEN NAVIDEÑA TIPO ROJO.
*IMAGEN ESTRELLAS DORADO Y REGALO.
*BOLAS NAVIDEÑAS HIELO Y PINOS
*PINO NAVIDAD CON ESTRELLA FONDO ROJO.
*PAPA NOEL EN TRINEO FONDO AZUL.
*FONDO ROJO;MENSAJE FELIZ NAVIDAD.
*NOTA; una vez veamos la imagen "Clicamos sobre la imagen con "clik" derecha de ratón,y en la ventana que se abre seleccionamos; Copiar la ruta de la imagen."

*y ponemos la "Ruta de la imagen que será algo así; http://www.asociacionhht.org/data/uploads/Fondo-navidad-con-estrellas.jpg...(por ejemplo),detrás de;background: url(

Gadgets,relojes,calendarios y otros para decorar Blogs

Para los/as fanaticos/as de los "gadgets",relojes,calendarios,cosas llamativas,juegos para complementar a nuestro blog u otras cosas curiosas teneis una pagina donde hay miles de estas utilidades:IR A WIDGETBOX>
Otro sitio en el que "sobre todo las chicas" (mujeres) alguien que le gusten mucho las florituras podeis visitar es: AQUÍ>
Este sitio trae cosas llamativas como esta:



Por ejemplo este seria el código:
<script language="javascript" src="http://calgot.net/js/blog_tokei4.js"></script>

Este ultimo sitio lo descubrí ya hace tiempo,gracias a un Blog muy bonito LA POSADA DE SERENA> a la que desde aquí saludo,donde vi un "huevo" al cual se le daba con el martillo,en el momento que lo vi y visité la pagina web de CALGOT> no disponia de este Blog de "ayuda Blogger",así que ahora me acordé y aprobecho para ponerlo.

Solo teneis que elegir lo que os guste copiar el codigo "html" que os ofrece y ponerlo en vuestra "barra lateral" en: Diseño-->Elementos de pagina-->añadir un gadget-->añadir html...

Sobre todo "algunas" pondréis mas color en vuestros blogs con estos gadgets.

¿Como poner una imagen de fondo para blog blogger?

-Debemos ir a diseño de la plantilla. Hacer clic en Edición de HTML "no Expandir plantillas de artilugios" , buscar lo siguiente:

body {
background:$bgcolor;
...
}


(El código está al principio de la plantilla "no tiene perdida)

-Ahora agregar después de background:$bgcolor lo siguiente "lo que está de color Rojo":

body {
background:$bgcolor url(http://Aquí la direción de la imagen) fixed no-repeat top left;
...
}


-Si la imagen no se ajusta,cambia por los siguientes valores:

-no-repeat (la imagen no se repite)
-repeat-x (repetirá la imagen horizontalmente )
-repeat-y (repetirá la imagen verticalmente )
-repeat (la imagen se repetirá horizontal y verticalmente)
-fixed ( la imagen se desplazará con el contenido o será fija)
-top left (la posición de la imagen)

Ejemplos:
-body {background:$bgcolor url(http://Aquí la direción de la imagen) fixed repeat-x top left;

-body {background:$bgcolor url(http://Aquí la direción de la imagen) fixed repeat-y top left;

-Entendéis,el único valor que cambia para ajustar la imagen es el valor marcado en rojo,(como podéis apreciar en los ejemplos),para la imagen de fondo vais a Google en " imagenes " y buscáis imagenes que os gusten para el diseño de vuestro blog. Debéis tener en cuenta que la imagen sea "grande" a ser posible "Wallpaper", pero tener en cuenta que "demasiados pixeles"(mas de los debidos) harían que el blog al cargar tardase mas en el proceso,y eso no interesa así que elegid un tamaño "no mayor" de 1.500 Pixeles.

Ejemplo , Huevos fritos de fondo:

Fuente Imagen: http://humorisas.boosterblog.es/ .