RECURSOS HTML PARA BLOG 7 de octubre

de 2010

Ing Yorladis Alzate Gallego 1

1- CONTADOR DE VISITAS PARA BLOGGER

Añadir un contador de visitas para Blogger es muy sencillo.

1. Ir a la página principal: http://contador-de-visitas.com

2. Elegir el estilo del contador en el desplegable.

2b. Introducir el número de visitas inicial del contador.

3. Introducir la dirección del blog y aceptar.

Ahora nos aparecerá una página con un botón que pone AGREGAR A BLOGGER.

Al hacer clic en este botón vamos a Blogger, donde podemos cambiar el título del

bloque que contendrá el contador de visitas.

Le damos a AÑADIR ARTILUGIO y ya está. Luego podemos cambiar la posición

de nuestro contador a donde queramos.

RECURSOS HTML PARA BLOG 7 de octubre

de 2010

Ing Yorladis Alzate Gallego 2

2- MAPA DE VISITAS

El mapa nos permitirá conocer en tiempo real por medio de un mapa geográfico

desde donde nos visitan nuestros usuarios.

1- Ingresa a la página maps.amung.us

2- Elige un tamaño para el mapa

3- Elige el color de fondo

4- Elige la forma y color de tu marcador

5- El último paso es copiar el código html en un gadget de HTML, ubícalo donde

quieras que aparezca el mapa.

Cuando hayas guardado el código guarda los cambios en el diseño del blog.

Cuando haces doble clic sobre el mapa el programa te lleva a una página donde te

muestran estadísticamente quien ha visitado tu blog.

RECURSOS HTML PARA BLOG 7 de octubre

de 2010

Ing Yorladis Alzate Gallego 3

3- INSERTAR VIDEOS

Puedes insertar videos desde una entrada o un gadget en la opción DISEÑO

PARA INSERTARLO DESDE UNA ENTRADA NUEVA

1- Insertar una entrada nueva

2- Seleccionar la opción EDICION DE HTML

3- Ingresa a uno de los canales para bajar videos (YouTube –

video.google.com.co)

4- Busca el video que quieres insertar

5- Copia el código html que aparece en el botón EMBED En la entrada que

tienes abierta y guarda los cambios.

También puedes insertar los videos insertando un gadget HTML y siguiendo los

mismos pasos.

RECURSOS HTML PARA BLOG 7 de octubre

de 2010

Ing Yorladis Alzate Gallego 4

4- INSERTAR UNA CAJA DE MENSAJES (SHOUT

BOX) – PARA RECIBIR MENSAJES DE TUS

AMIGOS.

1- Ingresar a la página http://www.shoutmix.com/main/

2- Haga clic en el botón CREATE SHOUTBOX

3- Llena los datos del formulario y haz clic en el botón |

Nombre de usuario

Contraseña, mínimo 6

carácteres Repetir contraseña

Ingresa tu nombre

Ingresa tu correo electrónico

Acepta el contrato

RECURSOS HTML PARA BLOG 7 de octubre

de 2010

Ing Yorladis Alzate Gallego 5

4- Espera un momento y saldrá una página para configurar el widget (la caja de

mensajes).

5- Si quieres modificar el color y el estilo, haz

clic sobre la opción Style & Color.

Una vez ingreses en este menú, podrás personalizar

la caja.

En la parte inferior de las configuraciones podrás ver

una vista preliminar.

6- Guarda los cambios de la

configuración.

7- Regresa al menú anterior, así puedes configurar las demás opciones (fecha –

date & time, etiquetas –label, etc…..

RECURSOS HTML PARA BLOG 7 de octubre

de 2010

Ing Yorladis Alzate Gallego 6

8- Ahora vamos a copiar el código de este shoutbox en un de los gadgets del blog:

a. Haz clic en el enlace CUSTOME SIZE para el código html.

PODRAS VER TODO EL CÓDIGO HTML

b- Copia este código en tu blog y listo.

Invita a tus compañeros para que visiten el blog y te dejen comentarios.

RECURSOS HTML PARA BLOG 7 de octubre

de 2010

Ing Yorladis Alzate Gallego 7

5- CONTADOR DE PERSONAS EN LINEA

El contador de personas en línea te informa cuantas personas están conectadas

con tu blog para ello

1- Ingresa a la página: http://www.twospots.com/free-users-online-counter/

2- Llena los datos del formulario y una vez termines haz clic en el botón

SUBMIT

3- En la siguiente página puedes seleccionar un estilo para el contador y copiar

el código html del contador en un gadget para Html en tu blog.

Ingresa la dirección de tu blog.

Ingresa tu correo electrónico

Selecciona una categoría para tu blog

ESTILOS

CODIGO HTML

RECURSOS HTML PARA BLOG 7 de octubre

de 2010

Ing Yorladis Alzate Gallego 8

6- INSERTAR LA HORA EN EL BLOG POR MEDIO

DEL RELOJ

1- Ingresar a la página:

http://www.creatupropiaweb.com/recursos/utilidadess_gratuitas_para_tu_

blog_y_web_relojes_4.htm

2- Selecciona el código html del reloj que te guste, cópialo y pégalo en un

gadget de HTML en la posición que desees.