Tutorial blogger.

Post on 19-Jan-2015

571 views 3 download

description

En este archivo encontraras el siguiente contenido* como crear un blog*Personalizar la apariencia de un Blog*Añadir el chat a un Blog*Agregar un Cbox al Blog

Transcript of Tutorial blogger.

Contenido:

1. Crear un blog en Blogger

2. Cómo personalizar la apariencia del blog

3. Agregar chat al blog

4. Agregar un CBOX a nuestro blog

Realizado por: Yeni Velázquez Guzmán

Como primer paso debemos de entrar a este enlace:

http://www.blogger.com

Para comenzar a crear el blog debemos seleccionar

con un clic la opción Comenzar que nos muestra la

ventana.

Para poder crear un Blog primeramente debemos crear

una cuenta de google. No hace falta pero conviene

tenerla si queremos acceder a todas sus herramientas, y

para ello hay que rellenar formulario como el de a

continuación y seleccionar Continuar.

En dado caso que ya se cuente con una cuenta de

google lo único que se debe hacer es seleccionar la

opción iniciar sesión y seguir con los pasos que a con-

tinuación se mostraran.

En la siguiente ventana podremos ponerle un nombre a

nuestro Blog y el URL que tendrá; para confirma que no

existe debemos comprobar si esta disponible sino debemos

de buscar otra.

Después de encontrar un URL disponible escribiremos las

2 palabras que nos aparece en la ventana para después

darle clic en Continuar.

Por último, tendremos que elegir una plantilla, que es el diseño

general del blog. Elegiremos la que más nos guste, pero más

adelante podremos cambiarla siempre que queramos. Ya

elegida la plantilla daremos clic en Continuar.

Listo.. Ya lograste crear tu Blog

Ya creado el Blog podremos personalizarlo dando clic

en la opción Personalizar su apariencia.

En la siguiente ventana podremos cambiar la plantilla

que escogimos anteriormente por un otra que sea de

nuestro agrado o podemos dejarla con la que tenia.

En la opción Fondo podremos modificar la gama de

colores que tendrá nuestro Blog incluso podremos

ponerle una imagen de fondo. Podremos utilizar nuestra

imaginación y crear la combinación que mas te guste.

En la opción ajustar ancho podremos elegir el tamaño que

tendrá nuestro Blog. Si queremos que el blog aparezca

completo en toda la pantalla o solamente en una peque-

ña parte. Podremos ajustar también el tamaño de la barra

lateral del Blog.

Siguiendo tenemos la opción de Diseño en la cual

podremos modificar las plantillas que tendrá el

cuerpo de nuestro Blog y también podremos cambiar

el diseño del pie de pagina.

Después personalizaremos en la opción Avanzado la gama

de colores y el tipo de letra que tendrá nuestro Blog. Empe-

zaremos tipo de letra y color del texto que tendrá el cuerpo

del Blog.

En la opción Background encontraras la gama de colores

que podrás modificar a tu gusto poniéndole color al

fondo exterior y superior y el color de Borde que elijas.

En la opción Enlaces podremos cambiar los colores de los

links (Enlaces) que insertemos en nuestro Blog. Modificar

desde el color del enlace hasta el color que tendrá

cuando coloque el curso o ratón sobre el.

En esta ventana podremos elegir la fuente y el color del

texto que queramos para el Blog. Selecciona los que mas

guste.

En este apartado podremos cambiar el color de la

descripción del Blog

En la siguiente opción podremos cambiar la apariencia del

Texto de la pantalla. Con tan solo buscar una fuente u un

Color.

Esta opción tiene como finalidad cambiarle el formato al

fondo de las pestañas podre usar una combinación

Agradable para tu Blog.

En las siguientes opciones podremos cambiar la fuente y

el color de texto del titulo de entrada.

En esta ventana podremos modificar el tipo de fuente,

color de texto y color del biselado del titulo de Gatget.

Por ultimo podremos cambiar la apariencia de los acentos,

alternando los colores y modificando el color del biselado.

Para finalizar con el proceso daremos clic en la opción

aplicar al Blog para que guarde los cambios que hayamos

Realizado y para observar los cambios seleccionaremos

Ver blog.

En esta pagina podrás encontrar plantillas prediseñadas

que podrás descargar y aplicarlas a tu Blog para ponerle

otro toque diferente a la apariencia.

Para comenzar debemos elegir una plantilla que nos guste

y hacer clic en la opción que dice Dowload para

comenzar a descargarla.

En esta ventanita seleccionaremos la opción Guardar

para que podamos hacer uso de la plantilla,

especificaremos la ubicación donde la guardaremos y

esperaremos a que termine la descarga .

El siguiente paso será descomprimir el archivo.

Para poder insertar la plantilla descargada primero

debemos ir a nuestro Blog y seleccionar la opción diseño .

Nos aparecerá la siguiente ventana donde

seleccionaremos la opción de edición HTML y la siguiente

opción a la que daremos clic será a Examinar.

Abierta la siguiente ventana seleccionaremos la ubicación

del archivo que descomprimimos y damos doble clic

a la carpeta y después nos abrirá otras dos carpetas de las

cuales abriremos la que nos muestre el nombre de la

Plantilla que hemos elegido y daremos clic en Abrir.

Ya abierta la carpeta seleccionaremos el archivo que este

en formato XML es el que nos servirá para insertar la plantilla.

El siguiente paso será dar en clic la opción Subir ya

seleccionado el archivo.

Siguiendo seleccionaremos la opción mantener widgtes

para finalizar se guardaran los cambios y seleccionaremos

Vista Previa para ver como quedo insertada nuestra plantilla

en el Blog.

Listo.. Nuestra plantilla se inserto correctamente así es

como se vera en el Blog.

Antes

Después

Primero que nada accederemos a una pagina de internet

Y entraremos al buscador de Google y enseguida

teclearemos la palabra XAT y seleccionaremos la primera

opción.

Abierta nuestra pagina en las pestañitas nos aparecen

Varias opciones seleccionaremos la que dice Widgets

En la siguiente ventana daremos clic en la opción Get a

Free chat box now. Y a continuación nos aparecerá otra

otra ventana en donde viene varias opciones de fondos

Para la ventana del Chat, seleccionaremos la que mas

nos guste

Como siguiente paso copiaremos el código que nos

Aparece en el apartado que dice Embed Code

Ahora regresaremos a la pagina de Blogger y daremos

Clic en la opción Diseño y nos abrirá otra pagina donde

daremos clic en añadir un Gadget

En la siguiente ventana elegiremos la opción que dice

HTML/ Javascript después nos abrirá otra ventana donde

podremos configurar el titulo de nuestro Gadget y le

pondremos por nombre Chat.

Continuaremos dando clic derecho en el apartado de

contenido y seleccionaremos la opción Pegar. Enseguida

Insertara el código que habíamos copiado con

Anterioridad y guardaremos los cambios.

Guardados los cambios hacemos clic en la opción ver

Blog para cerciorarnos que el ejercicio se ha realizado

con éxito.

Al igual que en el Chat, para agregar un Cbox necesitas ir

al buscador de Google y teclear la palabra Cbox, elegir

la primera opción que nos muestra.

Ya abierta la pagina daremos un clic en la pestaña Sig Up

para registrarnos y poner añadir el Cbox a nuestro Blog.

Debemos de rellenar el formulario como nos marca

a continuación, aceptamos las condiciones y damos clic

Create my Cbox.

Una vez creada nuestra cuenta iniciaremos Sesión para

comenzar a agregar el Cbox. El primer paso comienza

dándole clic a la pestaña Publish.

En la siguiente pantalla nos muestra el URL de nuestro Blog

y el código, ahí no haremos ningún cambio será hasta la

parte de abajo donde seleccionaremos la opción Fine-tune

its layout

En esta sección modificaremos el tamaño de ancho de la

ventana de nuestro Cbox a 300 px y seleccionaremos la

Opción Guardar o Save.

A continuación seleccionaremos otra vez la opción

Publish! A continuación nos aparecerá una ventana

con el link de nuestro Blog y en la parte de abajo de

la ventana daremos clic en la opción Custumise colours

and fonts

En estas ventanas personalizaremos nuestro Cbox

cambiándole los colores al terminar daremos clic

en la opción Apply para guardar los cambios.

Después volveremos a seleccionar la opción Publish! Y nos

arrojara una ventana donde seleccionaremos y copiaremos

con el clic derecho todo el código que nos aparece para

generar nuestro Cbox.

Después de copiar el código iremos a nuestro Blog y

seleccionaremos la pestaña diseño en ella elegiremos

añadir un Gadget.

En la ventana que nos abre después buscaremos la

opción HTML/JAVASCRIPT y le daremos clic en la siguiente

ventana elegiremos un nombre para nuestro Gadget.

Después de elegir el titulo en la opción Contenido daremos

clic derecho y elegiremos la opción pegar y enseguida nos

aparecerá el código que copiamos con anterioridad.

Listo nuestro Cbox quedo agregado a nuestro Blog,

Seleccionaremos la opción Guardar y por ultimo Ver Blog

para ver si se han efectuados los cambios.