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

martes, 29 de diciembre de 2009

Crea tu propio blogger template

Aca le dejo una forma sencilla
de crear su propio fondo para blog
usando el paint shop pro

Archivo
imagen nueva
ancho 1006 pixeles
alto 610 pixeles

rellenala con algun patron

luego abre otra imagen nueva

ancho 730 pixeles
alto 610 pixeles

rellenala con algun color que combine con el patron que usaste anteriormente
copia esta imagen y pegala como nueva imagen sobre la imagen con patron

luego abre otra imagen nueva

ancho 713 pixeles
alto 610 pixeles

rellenala con otro color que combine con el patron y el color que usaste anteriormente
copia esta imagen y pegala como nueva capa sobre la imagen donde tienes el patron y la otra capa

por ultimo abre una nueva imagen de

ancho 685 pixeles
alto 610 pixeles

dale a esta capa un color claro ya que sera la capa sobre la cual aparecera el texto en tu blog

Para completar tu fondo ,agrega algunos dibujos sobre los laterales ,en la parte en que se ve el patron que usaste primero.
De esta forma te aseguraras que los dibujos no cubran luego el texto de tus entradas ni los gadgets o artilugios

Cuando ya este lista
fusiona tus capas y guardala como jpg
Subela a algun servidor de imagenes y ya tienes tu fondo listo para usar en tu blog


Para hacer un banner abre una imagen nueva de
ancho 611 pixeles
alto 147 pixeles
agregale algun detalle a los costados de la imagen
y escribe tu texto


el blog se vera asi


espero que les sea util

©lilianalois
todos los derechos reservados

jueves, 28 de mayo de 2009

Tutorial para descargar imagenes y el codigo html

Para que les resulte mas sencillo
he guardado todos los elementos
dentro de una sola carpeta
cuando clickeen sobre ella el link te llevara a mi skydrive
una vez alli clickea sobre descargar
se te abrira una ventana
que te dara la opcion de abrir o guardar
Si no se te abre ninguna ventana fijate que no tengas bloqueada la opcion de abrir ventanas emergentes

Tutorial para colocar fondos en tu blog

Para blogs nuevos
Para colocar una de mis plantillas en tu blog

Sube la imagen a tu almacen de imagenes (photobucket ,fileupyours etc )
copia la direccion web de la imagen .
(No te recomiendo que uses directamente la direccion web de mi imagen , ya que si la usan muchas personas a la vez , mi servidor se saturara y no mostrara la imagen de fondo por unos dias )

Entra en tu blog
diseño
edicion de html
Copia y pega el codigo html de mi fondo.
Busca en el codigo la parte del texto que esta en rojo ,esa es la direccion web de la imagen
cambiala por tu nueva direccion web
fijate en la vista previa como se ve tu blog
si todo esta correcto guarda tu plantilla

Para blogs en el que ya le has añadido elementos

Si a tu blog le has añadido artilugios ( gadgets )
deberas copiar y guardar los codigos de tus gadget antes de cambiar la plantilla
Una vez que cambies la plantilla
deberas volver a agregar todos los gadget que tenias uno por uno

Para blogs que ya tienen plantillas mias

Si ya tienes un fondo de blog de mi autoria y deseas cambiarlo por otro , lo que puedes hacer para que te resulte mas sencillo es cambiar dentro del codigo html la direccion web de la imagen vieja por la direccion web de la imagen nueva .
Para ello sigue los siguientes pasos
Sube la nueva imagen a tu almacen de imagenes (photobucket ,fileupyours etc )
copia la direccion web de tu nueva imagen .
Entra en tu blog
diseño
edicion de html
reemplaza la direccion de tu imagen nueva por la direccion de tu imagen vieja.

Luego guarda la plantilla

miércoles, 27 de mayo de 2009

Como colocar el banner y las etiquetas en el blog

Descarga las imagenes y guardalas en tu computadora
Con algun programa de dibujo agregale el texto al banner y a las etiquetas
si no sabes como hacerlo aca te dejo un tutorial.
Ya tenemos nuestas imagenes listas

Ahora vamos a nuestro blog
Lo primero que debemos hacer para poder modificar nuestro blog es acceder a nuestra cuenta
El link para acceder se encuentra arriba a la derecha de nuestro blog


una vez que accedemos a nuestra cuenta aparecera nuestro escritorio
donde encontraremos varias pestañas
para colocar el banner debemos ingresar en DISEÑO
nos aparecera la siguiente ventana
alli clickeamos sobre editar
nos aparecera una nueva ventana


para cargar la imagen desde nuestra computadora vamos a examinar y buscamos la carpeta donde tenemos nuestra imagen guardada
como ya le hemos colocado el nombre a nuestro banner vamos a tildar la opcion que dice
ubicacion
en lugar de titulo y descripcion
ponemos guardar y ya esta nuestro banner en su lugar
Para colocar las etiquetas
en la misma pestaña de diseño vamos a clickear sobre añadir un nuevo gadget
se nos abrira la siguiente ventana
buscamos la opcion imagen


nos aparecera esta nueva ventana

completamos los datos
y con examinar buscamosnuestra imagen en nuestra computadora
luego guardamos y repetimos la operacion con las restantes etiquetas
©lilianalois
todos los derechos reservados

Como colocar texto en el banner y las etiquetas

Para escribir los textos yo utilizo el programa
paint shop pro 7
si no tenes el programa podes descargar uno de prueba

Descargar psp7

Abre el programa
archivo
abrir
busca la carpeta donde tienes tu banner o tu etiqueta
seleccionalo y luego clickea en abrir

ya tienes abierta la imagen de tu banner
ahora vamos a seleccionar la herramienta texto
y en la paleta de colores seleccionaremos nulo el primer plano
y para el plano de fondo elegiremos el color que queremos darle a nuestra letra
con la herramienta de texto seleccionada clickeamos sobre nuestro banner y se nos abrira la siguiente ventana

selecciona en nombre la letra que te guste

escribe el texto que desees y clickea en aceptar


nos aparecera nuestro texto sobre la imagen

si no nos ha quedado en la ubicacion que queriamos vamos a

la pestaña
seleccionar
clickeamos sobre promover a capa
y luego con laherramienta mover seleccionada movemosel texto hasta dejarlo en el lugar que nos guste

luego vamos a la pestaña
capas
fusionar
fusionar todo

luego vamos a
archivo
guardar como
y guardamos como jpg o png


Nota : si te falta alguna paleta de heramientas entra en
ver
barra de herramientas
y alli tilda las opciones que desees
yo utilice
paleta de herramientas
paleta de colores

©lilianalois
todos los derechos reservados
 
BloggerTemplate©LilianaLois- Todos los derechos reservados