8.6.09

Tutorial nº 1................ vamos a crear un blog


Vamos a hacer un blog en blogspot.
Lo primero que necesitamos es una cuenta
en google, algo muy fácil entrando en google.com
una vez creada la cuenta, entramos en cualquier blog
y arriba a la derecha veremos, entre otras cosas, crear un blog


clikamos ahí y ya sólo hemos de seguir los pasos
que nos va marcando...cuando lleguemos a escoger plantilla
escogemos la primera que se llama MINIMA (esta es la que yo
voy a explicar como tunear) y ya tenemos el blog creado.
Nos saldrá así


antes de meterle nada, vamos a tunearlo... o sea ponerle fondos,
cabecera, etc.
Tenemos que hacer un fondo que mida 1260x640
las medidas son importantes porque depende de la decoración
del fondo no quedará bien con otras medidas, además tenemos
el problema añadido de que no todas las pantallas son iguales,
hay montones de resoluciones y también hemos de solucionar eso.
Es muy importante que el centro sea unicolor y mejor de un color clarito
porque sino será muy difícil que nadie pueda leer lo que se
escriba en el blog...es mejor adornar los lados todo lo que se quiera.
Aquí dejo una miniatura de mi fondo para que se vea
lo que quiero decir



ahora la subimos a un servidor, yo aconsejo Photobucket y crear un álbum
para el blog,y antes de subirla tenéis que marcar la casilla que marco
para que photobucket no la redimensione y la deje pequeña



vamos a nuestro blog y arriba a la derecha, clikamos en personalizar
ahí nos saldrán las entrañas del blog



clikamos en edición de HTML


y nos saldrá el código fuente del blog
mucho cuidadito al tocar ahí.
Vamos a ir a buscar este trozo


lo seleccionamos y le pegamos encima este otro código

background:#ffffff;
margin:0;
color:#3E5670;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
background-color:transparent; border:none; border-width:0;}
body { background-position: center center;background-repeat:
repeat;background-attachment: fixed; background-image:url
($$http://i295.photobucket.com/albums/mm159/Marilolichi/blog-pixel/fondo.png);

evidentemente la dirección la tenéis que cambiar por la vuestra
y quitar los símbolos $$ que he puesto delante del http de la dirección.
De todos modos si os gusta este fondo lo podéis poner, no
me representa ningún problema.

Ya esta puesto el fondo


a partir de aquí cada vez que querais cambiar el fondo
sólo debereis ir a photobucket, entrar en el album creado para el blog
borrar el antiguo fondo y subir el nuevo con el mismo nombre
y automaticamente se cambiará.

Continuará...................

Para ver bien las imagenes debeis clikar sobre ellas

6 comentaris:

Natalia ha dit...

Holaaa Lolis!!!! Me animaste con estos tutos a hacer un blog... pero nada más que con el principio ya tengo problemas... mira, puse estos codigos:
background:#ffffff;
margin:0;
color:#3E5670;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
background-color:transparent; border:none; border-width:0;}
body { background-position: center center;background-repeat:
repeat;background-attachment: fixed; background-image:url
(http://img.photobucket.com/albums/v354/eowynp3/blog/fondo.jpg?t=1245183783);
Y no sé por qué, pero no se me ve el fondo... :S

Natalia ha dit...

Ay Lolis ya lo conseguí!!
Muchas gracias por tus tutos!! =)

Arrancaflores ha dit...

Hola Lolis
Probé el fondo pero no salió nada, me pasó como a Natalia
Yo puse el ejemplo que diste en mi blog de prueba, le saqué los signos $$ y no pasó nada
Que hago mal??
Gracias Lolis y sigo con las clases de psp del foro que están re buenas
Besitos

Strawberry ha dit...

Hola amiga =) Muchas gracias por la super ayuda que me diste con estos tutoriales... Y es que hace unos dias cree mi bol pero uf.. me super complique con las planillas por que ninguna me gustaba y comenze a buscar como hacer la mia.. Per ahiii no entendia mucho eso de los codigos soy mala para eso y no entendia nada jejeje:$ e chiste que aqui andaba navegando por la red buscando planillas para mi blog y llego con tu blog... que me quede super facinada con lo facil y rapido que lo explicas, asi que no dude en intentar hacer el mio jajaja y pues siii ya al menos me quede conforme con lo que tengo... de vdd muchas gracias =) ya me daba por vencida jeje pero gracias a ti lo logreeee y me volvieron los animos de seguir creand mi blog... aun que te dire que aun no se muy bien que poner jajaja pero bueno... ya se hiran ocurriendo ideas xD. Bueno.. cuidate mucho y nuevamente gracias...

havof ha dit...

hola soy oftoys
he cortado pegado como he leido pero no me sale el fondo de pantalla que he creado
background:#ffffff;
margin:0;
color:#3E5670;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
background-color:transparent; border:none; border-width:0;}
body { background-position: center center;background-repeat:
repeat;background-attachment: fixed; background-image:url
(http://i871.photobucket.com/albums/ab272/oftoys/a1d48930.jpg);
}
puedes decirme que es lo que esta mal incluso poniendo tu plantilla no sale nada puedes decirme que es lo que ago mal socorrrrrrroooo

Yurena ha dit...

Gracias por el tutorial, me ha costado un poco pero al fin conseguí poner el fondo. He puesto el tuyo,pero ahora me voy a intentar diseñar uno yo sola. Deseadme suerte, jeje.