jueves, 21 de junio de 2007

Cómo cambiar la plantilla del blog??

Una vez ya tengas decidida la plantilla que quieras para el cambio has de mirar si has tenido en cuenta los siguientes puntos importantisimos para ver bien el acabado final de tu plantilla;
1.- Si has elegido una plantilla de resolución 800x600 y en tu monitor tienes la resolución de 800x600 el resultado final no se va a ver afectado pero si tienes el monitor con una resolución de 1024x768 lo que verás en tu monitor será esto.......

2.-Sí eliges una plantilla de 1024X768 y tienes la misma resolución en tu ordenador la verás tal cual,así.....
pero si tienes una resolución de 800x600 la verás asi si la plantilla tiene laterales en color

pero si es la fotografia entera verán la zona de la derecha y la de abajo un poco recortada....
Porque te explico todo esto??? Primero para que aprendas un poquito más y segundo porque si no sabes todos estos puntos las personas que visiten tu blog te dirán segun sus resoluciones de pantalla...se ven zonas negras...entonces sabrás que tienen en su monitor una resolución de 1024x768 ya que has elegido una plantilla de 800X600 o no se ve centrado el texto es que has elegido una plantilla de 1024x768 y tu lector tienen una resolución en el monitor de 800 x 600.
Como cambiar la resolución del monitor????.....para quien no lo sepa puede pinchar en el enlace.
Que resolución elegir... pues bien es dificil pero os pondré al tanto de las tendencias; esta tendencia va según las pulgadas del monitor, hasta hace muy poco todos los monitores eran de 15 pulgadas por lo que la resolución optima era la de 800X600, pero la bajda de coste de monitores mayores hace que la gente se decante por monitores de 17 pulgadas y la resolución óptima es la de 1024x768 esta tendencia va aumentando cada vez habrá mas monitores con estas pulgadas y la existencia de monitores de quince pulgads será casi nula....
Hoy estamos en las dos tendencias aunque ya está empezando a despuntar la de 1024X768.
Que hacer? es una decisión personal, ya os he puesto que es lo que pasa en cada caso...ahora cada uno tendrá su propio criterio y lo debereis aplicar.
Ya lo sé me está quedando un rollo de post ;), vamos un tostón pero es la única manera de despejar todas vuestras dudas.....
3.- y por último debes tener en cuenta que antes de realizar cualquier cambio deberas guardar tu plantilla ya que si no te gustan los cambios podrás volver a tu plantilla original, a continuación para quien desconozca como hacerlo esta es la manera, la plantilla está ubicada aqui.....

Comno veis en las tres pestañas debeis elegir la pestaña "PLANTILLA", ya situados en la ventana plantilla en el menú de elmentos de página, fuentes y colo....debereis elegir la opción "EDICION DE HTML" y por fin vereis toda una secuencia de numeros y letras esto es el código plantilla. Para guardarla os posicionais sobre esta ventana y con el boton derecho del ratón le dais a la opción de seleccionar todo, luego al de copiar..... abris un nuevo documento de texto da igual en cualquier editor de textos y le dais a pegar, guardais el documento dandole nombre yo para diferenciarlos le pongo el nombre de plantilla blog.
Aqui teneis una vista previa de una plantilla para que os familiariceis


Así hasta un total de siete páginas por eso cuando lo seleccioneis ireis más rápido con seleccionar todo

Ya con la plantilla original guardada, podeis trabajar con toda la tranquilidad del mundo, veamos como.
Volveis a situaro en la plantilla y volveis a seleccionar todo; pero ahora con todo seleccionado le damos a borrar o suprimir; una vez ya eliminada toda la plantilla, os vais al código que os habreis descargado lo selecicionais todo y seguidamente le dais a copiar, os dirigiis a la plantilla del blog (que aparecera completamente blanca) y pegais el código alli, Le dais a guardar la plantilla y os aprecera el aviso "Tus cambioes se han relizado. Ver blog" le dais y sino aparece la plantilla en el primer momento le dais al icono actualizar o refrescar, o a F2 el método que useis y entonces os ssaldrá ya la plantilla; a continuación os lo explicaré en imágenes que siempre es más fácil de entender......
La misma explicación en imágenes;


Nos vamos a la plantilla y con botón
derecho de raton le damos a.............

Una vez todo seleccionado otra
vez botón derecho de raton y....
Tal que se queda asi la plantilla
Nos dirigimos al documento que os habeis
descargado y seleccionamos todo

lo copiamos

Nos dirigimos a la plantilla del blog y....

Una vez pegada la plantilla seguimos con...

Al realizar esta operación nos
saldrá la siguiente advertencia
aceptamos la opción "ver blog"Entonces ya visualizaremos el cambio de nueva
plantilla sino fuera asi le dais a actualizar...
Si no os gustan los cambios podreis utilizar la siguiente opción en un sólo paso volvereis a la plantilla anterior
Y si la cosa se os liase demasiado; no os preocupeis seguir estos pasos pero con la plantilla que habreis guardado al principio en el documento en vuestro ordenador...OK? Bueno pues ya llegamos al final . Espero que lo hayais entendido ;)

Podeis ver también.....

Cambiar la cabecera de son of moto por una imagen
Cabeceras para blogs


jueves, 31 de mayo de 2007

Imágenes en el blog o web

La imagen; su uso y manipulación
PICASA, EDITA FOTOS DE TU BLOG
Un programa totalmente gratuito en el que puedes hacer retoques a tus imágenes; te explico como.
INSERTAR IMAGEN EN PLANTILLA BLOG
Como ser capaces de insertar una imagen en cualquier parte del blog
CAPACIDAD IMAGENES EN BLOG
Qué capacidad tiene blogger para alojar imágenes
ICONOS GESTUALES EN TU BLOG
Unos para empezar....
UN LINK O VINCULO EN UNA IMAGEN
Paso a paso como hacer de una imágen el acceso a otra página
ANIMACIÓN FOTOS WEB BLOG
Cómo crear una presentación de fotos sin tener que utilizar ninguna imagen
ANIMACIÓN FOTOS WEB BLOG ANIMACION EN BLOG O WEB II
Un poco más de lo anterior
COLOR EN EL WEB
El color en la web cómo se trata
CORREO O EMAIL UNA IMAGEN
Como acceder al correo desde una imagen
FONDOS Y POSTALES
Una serie de fondos y postales para crear composiciones totalmente diferentes; su uso es totalmente gratuito y libre.

martes, 29 de mayo de 2007

EDITAR TEXTOS EN WEB O BLOG

INSTALAR UNA FUENTE
Lo primero es lo primero sabes com añadir una fuente nueva en tu ordenador???



TEXTO EN WEB O BLOG
Cómo alinear los textos para conseguir una presentación cuidada al visitante



TITULO EN MOVIMIENTO
Un sencillo script para un efecto impactante



TEXTO CON EFECTOS
Diversos efectos editados en html y que con la práctica crearás composiciones originales



CÓDIGO PARA ENMARCAR TEXTO; BORDEAR UN TEXTO
Pues eso lo que se lee...sobrán explicaciones no???



TEXTO BLOG EN MOVIMIENTO
La forma más sencilla para...ahorrar espacio??? Crear Menus???


CAMBIAR EL COLOR DE LA FUENTE COMO TU QUIERAS

martes, 8 de mayo de 2007

Código para enmarcar un texto; bordear un texto.

Para bordear un texto se utilizará el siguiente código;

Tal y como está quedaría de la siguiente manera;

Aqui el texto que quieras introducir

Variables que pueden ser cambiadas del código anterior;
table style="width: 157px; height: 45px;>>>>>>Estas variables se refieren al ancho y al alto de la tabla
border="1">>>>Se refiere al ancho de la linea de la tabla veamos con otros valores;

tabla con borde 2


tabla con borde 3


tabla con borde 4

Bordercolor>>>>> Como se intuye por el nombre es el color del borde de la tabla aunque viene el valor con una palabra "red" se pueden utilizar valores alfanuméricos como se han estado utilizando hasta ahora como "#FFFFFF" si habeis seguido anteriores posts sabeis que podeis acceder a tablas con los códigos necesarios

tabla con borde 4 y borde azul

Hasta aqui la primera parte ; en la siguiente pasaremos a códigos más elaborados y complejos.Todo lo necesario para que consigais los efectos que deseeis...

miércoles, 2 de mayo de 2007

Iconos gestuales


























Selecciona el que quieras y con el boton derecho del ratón selecciona"Guardar como..."
Puedes encontrar más en Iconos y más iconos

TEXTO ANIMADO

TEXTO ANIMADO

En una entrada anterior ya aprendimos formas básicas de darle movimiento al texto vamos a ver a continuación otros códigos para seguir jugando con el texto espero que os gusten los efectos que se consiguen...
  • Tenis sin desaparecer de la Pantalla
holaaaaaaaaaaa
  • Tenis;desaparecer de la Pantalla
holaaaaaaaaaaa
  • ping-pong
holaaaaaaaaaaa
  • ascensor
holaaaaaaaaaaa
Os recomiendo no utilizar el color del fondo; este valor viene para en el caso que vuestro fondo de página no sea blanco podais poner el mismo color del fondo de la página; como veis pierde mucho el efecto....si os veis en la necesidad de cambiar el valor tendreis que ir a>>>>>> background-color: rgb(255, 255, 255)>>>>-en el blog hay una sección de colores en la web que podreis obtener los códigos de para el color
Como veis podeis cambiar la fuente, el color de la fuente, el tamaño...
Podeis probar tambien a cambiar el down de los codigos por up y ver los resultados....o sustituir right por left...podeis jugar con los efectos
Como siempre cogereis el código lo seleccionareis todo de el formulario que hay a continuación copias y lo pegais en edición de html como siempre que trabajamos con códigos; introducir el texto (El texto lo teneis que introducir en el siguiente sitio del código>>> background-color: rgb(51, 255, 102);">Aqui el texto o imagen), y modificar los valores que querais del código como la fuente, el tamaño de la fuente.....
A continuación teneis lo códigos;

Código Tenis 1



Código Tenis 2



Ping-pong



Ascensor



Y si probamos con imágenes?????




Ahora a utilizar vuestra imáginación y sacarle partido a este código!!!!!

sábado, 28 de abril de 2007

Vinculo de correo en imagen

Vinculo de correo en imagen




Vinculo de correo en imagen

Asi es como queda este efecto una vez realizado,( es importante el uso de imagenes en la web y asociarlo a funciones porque el usuario cuanto más participe en el uso de la web se sentirá más cómodo, eso sí siempre sin saturar un exceso de imágenes puede despistar al usuario de lo que realmente quiere mostrar podemos correr el riesgo de que asocie nuestra web a una imágen que realmente le gustó antes que en el contenido de ella. Por tanto uso de imágenes si pero con moderación, como en todo debe existir un equilibrio)


Primero como siempre tenemos que subir la imagen a blogger trabajando en la pestaña de EDICION DE HTML (yo la subo en el mismo post como veis a continuación, ya que luego se eliminará) se verá el siguiente código;
De todo el código nos interesa nada mas que la url marcada en rojo que os muestro, hay que seleccionar todo lo marcado entre comillas;una vez seleccionado lo copiamos y pasaremos a copiar la url en el siguiente código

<@a href="mailto:loquesea@gmail.com"><@img src="url de la imagen" />@<@/a>; osea quedará así>>>>>
<@a href="mailto:loquesea@gmail.com"><@img src="http://bp1.blogger.com/_7zVmU7DEHNg/RjM
Xq3Kd5PI/AAAAAAAACbc/EK7boBprLi0/s400/email2.jpg" />@<@/a>
@quitar para que funcione

Iros a vista previa (debajo de la pestaña redactar) y observar que apraece la imagen; si os situais sobre ella y pinchais saldrá la ventana del correo que tengais instalado de forma predeterminada (outlook;gmail, hotmail...) con la dirección del destinatario ya incluida.
Por último os teneis que acordar de eliminar el código de la imagen que habiamos subido para selecionar la url que hemos utilizado. Ya me contareis si os ha costado hacerlo.....