Está en la página 1de 8

7 de octubre

RECURSOS HTML PARA BLOG de 2010

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.

Ing Yorladis Alzate Gallego


1
7 de octubre
RECURSOS HTML PARA BLOG de 2010

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.

Ing Yorladis Alzate Gallego


2
7 de octubre
RECURSOS HTML PARA BLOG de 2010

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.

Ing Yorladis Alzate Gallego


3
7 de octubre
RECURSOS HTML PARA BLOG de 2010

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
contraseñaRepetir

Ingresa tu nombre

Ingresa tu correo electrónico

Acepta el contrato

Ing Yorladis Alzate Gallego


4
7 de octubre
RECURSOS HTML PARA BLOG de 2010

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…..

Ing Yorladis Alzate Gallego


5
7 de octubre
RECURSOS HTML PARA BLOG de 2010

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.

Ing Yorladis Alzate Gallego


6
7 de octubre
RECURSOS HTML PARA BLOG de 2010

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

Ingresa la dirección de tu blog.


Ingresa tu correo electrónico

Selecciona una categoría para tu blog

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.

ESTILOS

CODIGO HTML

Ing Yorladis Alzate Gallego


7
7 de octubre
RECURSOS HTML PARA BLOG de 2010

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.

Ing Yorladis Alzate Gallego


8