ir arriba
Google
Mostrando entradas con la etiqueta Editar o cambiar plantilla blogger. Mostrar todas las entradas
Mostrando entradas con la etiqueta Editar o cambiar plantilla blogger. Mostrar todas las entradas

Fondo para tu blog personalizado

Este es un Fondo para tu blog personalizado, con el titulo de tu blog y los colores que utilices en el diseño de tu espacio.

fondo para blog
1.-Prueba a confeccionar el tuyo desde este generador, que te permite elegir el color del fondo, de las letras, aplicarles mayor o menor tamaño, sombras, formas y hasta elegir la fuente que quieres utilizar, una única salvedad es que guardeis (es la última opción del generador) la imagen en formato JPG con un nivel 100 para que la imagen no pierda nada de calidad.
Este generador lo encontrareis en generador de fondo para tu blog

2.-Cuando os den el resultado de la imagen descargarla a vuestro ordenador con "guardar imagen como" o la opción que os den en vuestro navegador que utilicéis (explore, opera, firefox....)

3.-Una vez tengáis guardada la imagen debiereis alojarla en un servidor gratuito, como siempre os recomiendo imageshack, utilizareis la opción direct to link image (justo la última opción) y que os transforma la imagen en una url (por ejemplo la url de la imagen anterior es http://img186.imageshack.us/img186/3764/fondoblog1hi4.jpg )

Vamos a hacer cambios en la edición HTML de tu plantilla asegúrate antes de continuar de guardar una copia, sino sabeis como visitar el post como guardar la plantilla del blog

4.-Pasamos a editar la plantilla para poner la imagen de fondo; deberéis buscar en la plantilla la etiqueta body { background: una vez tengáis localizado esta parte de código eliminar todo lo que este detrás justo del background y en la misma linea y cambiarlo por url( "url de la imagen que habeis obtenido de imageshack" ) repeat;

Una vez hayáis efectuado este cambio guardar la plantilla y ya podareis visualizar los cambios en el blog, si no lo obtuvierais a la primera darle al boton de actualizar el navegador (a veces se resiste).
Con el ejemplo que confeccioné antes quedaría un blog con la siguiente apariencia;

ejemplo de fondo para blog
Consejos;
-Ser prudentes con los colores que seleccionéis, como veis (me gusta poneros ejemplos extremados) os puede quedar un blog totalmente ilegible, recordar que quién hace crecer un espacio son los visitantes y si le resulta ilegible no volverán ;O)
-Podéis utilizar otro tipo de imágenes pequeñas que se repetirán hasta la saciedad, probar y quedaros con las que más os gusten, hace poco colgué una web que tenía fondos muy graciosos para este fin podéis visitarlas en; everyday icons


Google y sus colores

A continuación os traigo un apunte simpático y curioso, ¿Cómo insertarías el logo de Google sin usar una imagen? Tal que así
Google
Para conseguir este efecto se ha utilizado el siguiente código



Con el anterior código podeis conseguir vuestros propios efectos cambiando los valores del color e introduciendo letras o palabras como por ejemplo;
Los límites los pones !!!!!

Para conseguir el código de los colores visitar colorblender

Nuevas plantillas para tu blog gratis

Empieza el verano y para una parte de los blogueros dispondréis de mas tiempo para vuestro hobby, quizás querais cambiar la apariencia de vuestros espacios a continuación os traigo una serie de nuevos diseños pensados para todos los gustos, espero que encontréis el vuestro.
Y para quien no ha empezado aún con la ventura de un blog aqui teneis unos ciuantos diseños que os anime a comenzar con vuestro espacio.
Todos los diseños son para blogger y están en lenguaje XML (nueva versión de blogger)
¿Que no sabeis como cambiar la plantilla? Tranquilos, está todo pensado podreis seguir el proceso paso a paso en la siguiente entrada ; -Como cambiar la plantilla de tu blog






Plantilla blog gratis pop rosa y verdePlantilla blog blogger gratis pop rosa y verde


Si quereis cambiar el color o el estilo de la fuente os aconsejo que mireis este articulo;
-Cambiar el color y el estilo de la fuente en blogger

Plantillas blog Navidad

Aqui teneis una plantillas de Navidad animadas para el blog, los arbolitos se encienden y se apagan y el fondo de nieve tiene movimiento.
Acordaros siempre antes de cambiar la plantilla guardar la actual en un documento de texto. Consultar este post de como guardar la plantilla.
En el siguiente enlace un tutorial de como cambiar la plantilla del blog
Estas plantillas son para utilizarlas en blogger.


plantilla blog abeto de navidadAcceso a Plantilla blog abeto de navidad

Plantilla blog animada navidadAcceso a Plantilla blog Nieve en navidad

Al pinchar en los vinculos debajo de cada imagen accederéis a Google docs; seguir el proceso aunque no os lo permitan me llegará un mensaje de que habéis querido acceder y yo os enviaré el código de la plantilla a vuestro correo.


Truco Poner cabecera en blog

Este truco para poner cabecera en blog es para todas las plantillas de blogger de la variedad mínima; ¿Como sabéis que clase de plantilla tenéis? Si os vais a la edición de html y os fijáis en la imagen que os pongo a continuación lo comprobareis enseguida:

Poner cabecera en blogPertenecen todas estas plantillas a la familia de minima;
  • Preview of  Minima


  • Preview of  Minima Lefty

    Una buena medida para la imagen de la cabecera es de 800x145 pixels, una vez elegida debereis subirla a un alojamiento gratuito de imagenes yo os propongo imageshack
    Una vez subida os dará varios códigos de html para usar la imagen;en concreto a nosotros nos interesa el que os muestro a continuación;

    url imagen cabeceraUna vez obtenida la url de la imagen emperezaremos a hacer los cambios en la plantilla.

    Guardar el código de la plantilla; si os equivocais u os perdéis podéis restaurarla a su estado anterior, aqui podeis saber como guardar la plantilla del blog.

    Para insertar una cabecera deberéis situaros en la edición html, en la plantilla como podeis ver en la primera imagen, y situaros en la etiqueta body justo así como muestra la siguiente imagen

    html plantilla blogUna vez situados aqui, debereis pegar el código que os proporciono a continuación, justo de bajo de la etiqueta body que os he señalado;



    Sustituir en el código la url de la imagen donde os indico y guardar la plantilla; publicar el blog; encaso de que no lo veis a la primera utilizar el botón del navegador de actualizar, enseguida observareis los cambios.
    Podeis probar con estas cabeceras de navidad, si no teneis aún imágenes a mano ;O)

    Cabeceras de Navidad para blogs

    Aqui os dejo unas cuantas cabeceras de navidad para blogs; espero que os gusten...eso sí nos las encontrareis en ningún sitio más que aqui....Están hechas por mi...Deseo que os gusten!!! ;O)

    http://img219.imageshack.us/img219/7361/acebosg0.gif
    http://img248.imageshack.us/img248/7004/adornosdenavidadci8.gif
    http://img149.imageshack.us/img149/3571/bolasdenavidadaa8.gif
    http://img84.imageshack.us/img84/5417/cabecerablogestrellaty4.gif
    http://img248.imageshack.us/img248/6392/cielodenavidadsb6.gif
    http://img444.imageshack.us/img444/4571/estrellasdoradasdw2.gif
    http://img441.imageshack.us/img441/9568/flordenavidadqd9.gif
    http://img140.imageshack.us/img140/162/navidadkq6.gif
    http://img233.imageshack.us/img233/6766/navidad1yt3.gif
    http://img232.imageshack.us/img232/3036/61341265yd7.gif

    Ultimos Posts

    Enlazáme

    O puedes tambier copiar y pegar las siguientes opciones; elige la que mas te guste!! Trucos blog ( Esta última simplemente selecciona el enlace y copia y pega en tu espacio )