Está en la página 1de 26

URL (Dirección) para acceder al blog: _________________.blogspot.

com

Modificar/añadir contenido al blog:

Pincha en Acceder (arriba a la


derecha) para poder acceder

blog_____________@yahoo.es
Contraseña

Panel de acceso
(Aparece la tras
poner la
contraseña)

Añadir nueva Ver entradas Opciones de Plantilla y


entrada anteriores configuración Elementos de la página

Para ver cómo queda tras añadir/modificar algo.

Para terminar, pincha en Salir.

Tras pinchar en Ver blog y para volver a la configuración del blog pinchar en Personalizar

Entradas / Artículos / Post

Nueva Entrada

Para crear un nuevo artículo (texto, imágenes, video slide…) ir a Creación de entradas.
Vemos lo siguiente:

© Amaia Gálvez 2
Pincha en Redactar para ver
el editor de texto con todas
Es obligatorio poner un título a la Entradas. sus opciones.

Escribir aquí el texto o el código.


Corregir Insertar una imagen
Ortografía

Permitir o no Comentarios Si quieres modificar la fecha y la hora de publicación.


Esto sirve para poner una Entrada antigua al principio
solo para esta entrada.
de la lista.

Para finalizar la entrada:

Aparecerá publicado Se queda guardado como Borrador, esperando que


en tu Blog lo vuelvas a abrir y lo Publiques.

Si ves este mensaje significa


que todo ha ido bien.

Modificar entradas anteriores


Para modificar un artículo (texto,
imágenes, video slide…) ir a Creación
de entradas.

A continuación, pinchar en Editar Entradas.

Este está sin publicar.

Editar: para Suprimir: para borrar la


modificar la entrada entrada. Pedirá confirmación.
Pinchar en Suprimirlo.

©Tras modificar
Amaia Gálvez la entrada, vuelve a pinchar en 3
Publicar para que se visualicen los cambios en el blog.
Insertar imagen en una Entrada

Examinar: para buscar


Una vez tienes a la vista la entrada, pinchar en
la imagen a adjuntar.

Alineación y tamaño
de la imagen. Ojo!! Si
la imagen es pequeña
y eliges tamaño grande
se deformará.

Subir imagen: para Esperar a que se


que aparezca en la cargue la imagen y
Entrada. pinchar en Finalizado

Borrar Comentarios escritos por otros

Localizar la entrada que tiene el comentario a borrar. Pinchar en comentarios

Veremos la siguiente pantalla:


Pinchar en el dibujo de la papelera para Borrar.

Pedirá confirmación.

Marcar la casilla Eliminar para siempre y pinchar


en Suprimir Comentario.

© Amaia Gálvez 4
Plantilla

Elementos de la página: nos muestra la plantilla de nuestro blog. Desde aquí


podremos insertar códigos, listas de vínculos, ……

Cabecera: aparece al
principio del blog

Entradas: en este hueco


aparecen las entradas
que escribamos.

Añadir un elemento de página: para


insertar imágenes, códigos, listas de
direcciones, encuestas….

Para cambiar cualquiera de los elementos de página, pincha en su Editar correspondiente.

? Cambiar cabecera :
Título, Descripción e
imagen.

Para insertar una


imagen, pincha en
Examinar e indica
dónde esta la foto.

© Amaia Gálvez 5
? Cambiar Entradas del blog:

Puedes cambiar estas


opciones a tu gusto.
Cómo se verán las
entradas que tú escribes

? Eliminar en Elemento de página

Pincha en su Editar correspondiente y en el botón que


aparece en la parte de abajo de la ventana.

? Cambiar el orden de los Elemento de página


Arrastrando el recuadro (con la flecha negra de cuatro puntas), puedes ponerlo más
arriba o más debajo de su bloque.

Tras modificar el orden pinchar


en Guardar.

Fuentes y Colores: para cambiar la letra y el color de los elementos del blog.

Elementos del blog que


podemos modificar.

Edición HTML: para ver el código de la plantilla (lenguaje de programación que se


utiliza para diseñar páginas web)

Tras modificar el código, pinchar en Guardar Plantilla

© Amaia Gálvez 6
Seleccionar nueva plantilla: para cambiar el formato del blog.

Tras elegir el nuevo formato, pinchar en Guardar Plantilla

Insertar una Lista con direcciones de páginas Web, otros blogs...

En Plantilla, pinchar en Añadir un elemento de página,

después en Lista de Vínculos.

Título de la sección.
Será el mismo para
todos los vínculos que
añadas.

URL (dirección exacta del sitio


web o del blog) y Nombre (el
que quieras que aparezca)

Tras Añadir Vínculo, en la parte inferior aparecerá en la lista.

Al terminar, no se te olvide pinchar en

Si más adelante quieres añadir más direcciones a la lista o modificar o borrar alguna de las
que ya está, Busca en Plantilla el recuadro con el Título que le hayas puesto a la lista y
pincha en su Editar.

Pincha en Editar para modificar tanto la URL como el Nombre.

Al terminar, no se te olvide pinchar en

© Amaia Gálvez 7
Insertar un código

Primero, localiza en Internet una página donde te proporcionen el código necesario para
poner en tu blog el objeto que tu quieras.

Ejemplo: Vamos a la página de los Gadgets de Google


http://www.google.com/ig/directory?synd=open&source=gghp

Elegir la calcu y pinchar en Añadir a tu página web.

Elegir el título, tamaño, borde


y colores. En la parte de arriba
irás viendo cómo queda.

Selecciona el código y encima de lo azul, botón derecho ? Copiar.

El código comienza por <script> y termina por </script> Comprueba que seleccionas
todo.

Ve a tu blog, en Plantilla, pinchar en Añadir un elemento de página,


y después a HTML/Javascritp

Pon el título y copia el código y

Si quieres que el objeto quede centrado, escribe en la primera línea, antes del código
<div align="center">
Y en la última línea, justo después del código
</div>
© Amaia Gálvez 8
Insertar un buscador de Google en tu blog

Ve a tu blog, en Plantilla, pinchar en Añadir un elemento de página,


y después a HTML/Javascritp

Pon el título, pega el código y

El código a copiar es:

<!-- Search Google -->


<center>
<form action="http://www.google.com/custom" target="_top" method="get">
<table bgcolor="#940f04">
<tr><td nowrap="nowrap" valign="top" height=" 13 " align="left">
<a href="http://www.google.com/">
<img border="0" alt="Google" src="http://www.google.es/logos/Logo_25blk.gif"
align="left"/></a>
<label for="sbi" style="display: none">Introduzca los términos de búsqueda.</label>
<input maxlength="255" id="sbi" value="" name="q" size=" 13 " type="text"/>
<label for="sbb" style="display: none">Envíe el formulario de búsqueda</label>
<input id="sbb" value="B" name="sa" type="submit"/>
<input value="pub-5593439429748782" name="client" type="hidden"/>
<input value="1" name="forid" type="hidden"/>
<input value="ISO-8859-1" name="ie" type="hidden"/>
<input value="ISO-8859-1" name="oe" type="hidden"/>
<input
value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:3366
99;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1" name="cof"
type="hidden"/>
<input value="es" name="hl" type="hidden"/>
</td></tr></table>
</form>
</center>
<!-- Search Google -->

Si el cuadro del buscador queda demasiado grande para tu blog, cambia los dos 13
gigantes que aparecen en el código por un número menor.
Tras modificar los dos números, pincha en

© Amaia Gálvez 9
Slide

Ir a la página de Slide. www.slide.com


Introduce en Entrar tu email(dirección de correo) y
contraseña.

Una vez esto, en la parte superior aparecerá:

Desde Mi Slide podrás acceder


a todos tus videos.

Crear un video nuevo:


Pincha en Busca para insertar
las fotos.

Tras insertar las fotos, un poco más abajo aparecerán las fotos.

Pon aquí el título que quieras para tu video


También puedes cambiar el
Puedes cambiar aquí el orden arrastrando las
título de cada foto. Lo que imágenes.
escribas, aparecerá en el Para eliminar una imagen
video pincha en su

Desde aquí puedes darle formato al texto.

Cuando termines, pincha en

Aparecerá el código a copiar

Pinchar una vez encima del código, botón derecho ? Copiar.

© Amaia Gálvez 10
Nos vamos al BLOG (si no estás en él, tendrás que poner la dirección y luego meter el
email y la contraseña), ir a CREACIÓN DE ENTRADAS. Pon el título y pega el código en
el recuadro grande.
Si quieres que aparezca un texto encima o debajo del video, escribe antes o después del
código el texto que quieras (puede ser todo lo largo o corto que necesites)

PUBLICAR ENTRADA. Pincha en VER BLOG para ver el resultado.

Modificar un video antiguo:

Entra como se indica al principio, o si ya estás dentro ve a MiSlide. Verás los videos que
tienes. Sobre el que quieras modificar, pincha en Edit & Add Photos

Realiza los cambios necesarios, insertar nuevas fotos, cambiar el estilo, los temas….

Cuando termines, pincha en

Aparecerá el código a copiar

Pinchar una vez encima del código, botón derecho ? Copiar.

Nos vamos al BLOG (si no estás en él, tendrás que poner la dirección y luego meter el
email y la contraseña), ir a CREACIÓN DE ENTRADAS y a EDITAR ENTRADAS.
Busca en la lista la Entrada que quieras modificar (la que tenía la versión antigua del
video) y pincha en su EDITAR

© Amaia Gálvez 11
En la siguiente pantalla, borra el código antiguo y pega el nuevo.

para que aparezcan los cambios.

Si quieres crear un nuevo video, puedes creartelo dede


MiSlide pinchando en el enlace que aparecerá a la derecha
junto a alguno de los videos que ya tines.

Google Analytics (para conocer las estadísticas exactas de nuestro blog)

Ir a la página http://www.google.com/analytics/
Poner el email y el password (contraseña) (los mismos
que para modificar el blog) y pincha en Sing in

Si ya estás registrado (Recibiste un email


de verificación)

Desde ver informes podrás averiguar como va tu blog. Hay estadísticas de todo tipo.

Si no te has registrado aun:

Pincha en Registrese

© Amaia Gálvez 12
Introduce la URL de tu blog y la zona horaria y Continuar

Introduce tu nombre y apellidos. Continuar.


Marca la casilla en la que Aceptas las condiciones. Crear una cuenta nueva.

Para colocar el contador, copia el código que aparece en en recuadro.

y continuar.

Verás este cuadro. Hasta que Google verifique que hemos puesto el código en nuestro blog,
aparecerá el símbolo de admiración en Seguimiento.(Puede tardar 24 horas) Luego
aparecerá igual que en la imagen de arriba.

En tu blog, ve al apartado Plantilla. Pincha sobre Edición de HTML y busca al final del
código las palabras </body> y </html>
Pega el código anterior entre las dos.

Pincha en Guardar Plantilla

Ve ahora a la ventana Google Analytics y pincha sobre Comprobar estado.

Aparecerá el siguiente mensaje: Google Analytics se ha instalado correctamente y se


están empezando a recopilar datos. Esto significa que todo ha ido correctamente.

Pincha en Finalizado y a esperar nuestras visitas!!

© Amaia Gálvez 13
Techorati (estar en un ranking es importate)

Registro

Ir a la web www.technorati.com

Pincha en Sing in para registrarte.


Pon los mismos datos que para modificar el blog . Sing In.

Introduce
los datos en
el registro y
pincha en
Join.

Aquí pon la URL de tu blog y


Begin Claim.

Una vez reconocido tu blog


aparecerá:

Pincha en Use Post Claim

© Amaia Gálvez 14
Copia el código que aparece.

Sin cerrar la página de Technorati, ve a tu blog, a Creación de Entradas


Y pega el código en el recuadro grande.

Vuelve a la página de Technorati y pincha en

Comprobará que hemos puesto el código.


Entonces, podremos ver en la pantalla:

Escribe aquí la descripción de tu blog.

Escribe aquí las


palabras que mejor
definan a tu blog
Para terminar
pincha en Save Blog
Info.

Si todo ha ido bien, verás algo parecido a esto, donde


aparece tu nombre y el de tu blog.

Cada vez que alguien te enlaza (y que esté registrado en


Technorati) te está dando cierta autoridad… Cuanta más
autoridad mejor.

© Amaia Gálvez 15
Ver tu posición en el Ranking:

Ir a la web www.technorati.com

Pincha en Sing in y pon tus datos. Sing In.

Aparecerá tu nombre y el de tu blog


Junto con tu posición y el número de
Autoridades que tienes.

Buscadores(estar en los buscadores más prestigiosos es importate)

Google:
http://www.google.es/ - Todo acerca de Google - Agregue/quite su URL
Rellenar datos y Añadir URL

Weblogs:
Para que nos encuentren los buscadores más facilmente, iremos a
http://www.weblogs.com/

Pon el nombre (name) y la dirección de tu blog (URL) Pincha en

Google Sitemaps
www.google.com/webmasters/sitemaps/

Introduce el email blog_____@yahoo.es y su contraseña.

Añade la dirección de tu blog y


pincha en Añadir sitio.

Al pinchar en Verifique su sitio web te pedirá que selecciones un método de Verificación.


Elegiremos Añadir una metaetiqueta.

Copiar el código que aparecerá justo debajo.

© Amaia Gálvez 16
En tu blog, ve al apartado Plantilla. Pincha sobre Edición de HTML y busca al principio del
código la primera vez que aparece <head>
Pega el código justo despues.
Pincha en Guardar Plantilla

Vuelve a Google Sitemaps (Herramientas para webmasters de Google) y pincha en el


botón Verificar. (Comprobará que hemos insertado el código correctamente)
Y si todo ha ido bien, aparecerá el mensaje:

Yahoo:
http://es.search.yahoo.com/freesubmit/submit -
Sugiere tu sitio – Inserta tus datos para Yahoo (blog____)
y Entrar.

Pon la URL de tu blog y pincha primero en Enviar Feed


y luego, vuelve ATRÁS y pincha en Sugerir URL.

Msn:
http://search.msn.com/docs/submit.aspx?FORM=WSUT
Rellenar datos y Enviar dirección URL

Poner una imagen que al pinchar te lleve a una página web (enlace/vículo)

Ve a tu blog, en Plantilla, pinchar en Añadir un elemento de página,


y después a HTML/Javascritp

Pon el título, pega el código y

El código a copiar es:

<a href="http://AQUI-LA-DIRECCIÓN-A-LA-QUE -QUIERAS-QUE-LLEVE-EL-


ENLACE"><img src=http://AQUI-LA-DIRECCIÓN-DE-LA-FOTO-IMAGEN.jpg/></a>

Para obtener la dirección de la foto-imagen :


En el Google, ve al apartado Imágenes y allí escribe la foto a buscar

Elige la foto y pincha en Ver imagen en tamaño completo. (Aparecerá la imagen sola en
su tamaño real)

© Amaia Gálvez 17
La dirección de dicha imagen aparece en la barra de direcciones del Internet Explorer

Esta es la dirección de la foto-imagen que hay que poner en el código.

Subir un documento de Word (.doc), Excel (.xls)….

www.scribd.com

1. Browse: para
localizar el
archivo.

2. Esperar a que se
cargue el archivo.

Si es la primera vez Si no es la primera vez

Pincha en View here!

Busca Embed a la izquierda de la página y copia el código


que aparece en el recuadro.

Sin cerrar la página de Technorati, ve a tu blog, a Creación


de Entradas
Y pega el código en el recuadro grande.

© Amaia Gálvez 18
Ve a Ver Blog, allí verás la portada del documento.

En la parte de debajo de éste, aparece Dowload as PDF, Word… Para poder descargate el
archivo a tu ordenador.

Una vez introducidos el email y la contraseña, verás esta barra en la parte superior:

Desde My Docs puedes ver (Edit) los documentos que tienes o borrarlos (Delete)

Para subir un nuevo documento pincha en Upload y repite los mismos pasos que arriba.

© Amaia Gálvez 19
Anexo 1: Crear un blog con Blogger

¿Qué es un blog?

En los últimos tiempos en Internet solamente se habla acerca de los blog, “he leído tal o cual
artículo en tal o cual blog”, pero ¿qué es un Blog?

Podíamos decir que un blog es un diario personal pero una definición mas académica
está en la wikipedia: “un blog, también conocido como weblog o bitácora, es un sitio web
periódicamente actualizado que recopila cronológicamente textos y/o artículos de uno o varios
autores donde el más reciente aparece primero, con un uso o temática en particular, siempre
conservando el autor la libertad de dejar publicado lo que crea pertinente. Los weblogs
usualmente están escritos con un estilo personal e informal.” Además los lectores del blog
pueden dejar sus comentarios a los artículos del blog.

Al redactor del blog se le conoce como weblogger o blogger.

Diariamente se crean miles de blogs de múltiples y variadas temáticas, este monográfico nos
enseña como tener nuestro propio blog.

Las características principales de los blog son:

? temática elegida por el o los autores

? facilidad de creación de contenidos

? posibilidad para los lectores de comentar los artículos

? sindicación de contenidos, de tal forma que la web nos avisa de la aparición de nuevos
contenidos sin tener que visitarla

Existen diferentes tipos de blogs, en realidad tantos como se quieran, pero se han dado
nombres a algunos por sus temáticas:

? audioblogs. Dedicados a las galerías de ficheros de audio

? fotoblogs. Dedicados a las galerías de imágenes

? videoblogs. Dedicados a las galerías de ficheros de video

? moblogs. Dedicados a los blogs actualizables desde el teléfono móvil

Existen multitud de sitios web que nos permiten crear nuestro propio blog, basta realizar una
búsqueda en google para cerciorarse. Cada sitio tiene sus propias características pero podemos
dividirlos en dos grandes grupos:

? Ofrecen alojamiento web gratuito para el blog

© Amaia Gálvez 20
? No ofrecen alojamiento web

En principio son mas ventajosos los que ofrecen alojamiento gratuito, de tal forma que el
usuario o creador del blog no tiene que preocuparse de tener espacio web en otro servidor. La
desventaja suele ser que a cambio de este alojamiento gratuito nos “bombardean con
publicidad”.

En este monográfico hemos decidido utilizar los servicios de Blogger por tres razones
fundamentalmente:

? facilidad de uso y traducido al español

? alojamiento web gratuito sin publicidad

? google está detrás de este sitio, con lo que ello supone en cuanto a fiabilidad

¿Qué es Blogger?

Según la wikipedia: “Blogger, una palabra creada por Pyra Labs (su creador),
es un servicio para crear y publicar un blog de manera fácil. El usuario no tiene que escribir
ningún código o instalar programas de servidor o de scripting. Blogger acepta para el hosting
de los blogs su propio servidor (Blogspot) o el servidor que el usuario especifique (FTP O
SFTP).”

La empresa creadora de Blogger actualmente pertenece a Google, que está relanzando este
servicio a nivel mundial incorporando nuevas características.

Las principales características del servicio Blogger a la hora de crear nuestro blog son:

Alojamiento gratuito del blog sin publicidad

Traducido a múltiples idiomas, entre ellos el español.

Facilidad del proceso de alta en la web

Facilidad de creación y administración de nuestro blog

Facilidad en el uso de plantillas para crear blogs más vistosos

Editor de artículos propio integrado y wysiwyg

Existencia de utilidades creadas por otros fabricantes para la redacción de los artículos

Posibilidad de crear blogs multiusuario

Posibilidad de crear más de un blog por usuario dado de alta en Blogger

© Amaia Gálvez 21
¿Para qué un blog?
Es posible que alguno lector se esté preguntando ¿para qué necesito yo un blog? A esta
pregunta no tenemos respuesta pero vamos a tratar de orientarles.

Si eres profesor o maestro, podría utilizar un blog para escribir un diario de aquello que se ha
realizado cada día del curso, con la posibilidad de poner los ejercicios, las notas y todo aquello
que crea conveniente. Esto sería muy útil tanto de guía de seguimiento del profesor como de
guía de referencia para los alumnos.

Si eres un alumno, para compartir imágenes e ideas sobre el tema que mas te guste.

Para todo el mundo para tener un medio de expresión personal, tu propio periódico digital,
donde poner tus opiniones o reflexiones sobre los temas que creas más oportunos, para
compartir tus fotos o videos con un grupo de amigos, para relacionarte con los lectores del
blog a través de los comentarios que dejan.

En definitiva te recomendamos que te crees un blog para desarrollarte tanto profesional como
personalmente.

Crear una cuenta de usuario en Blogger


Para entrar en la web de Blogger ponemos la siguiente dirección en nuestro navegador web:

www.blogger.com
Para crear nuestro blog pulsamos sobre la flecha naranja

Ilustración 1: Página de inicio de Blogger.com

Una vez pulsada pasamos a la pantalla de creación de nuestra cuenta de usuario de Blogger,
donde rellenaremos los campos que nos piden. Estamos creándonos una cuenta en Blogger
con la que podremos crearnos varios blogs mas adelante.

Ilustración 2: Creación de nueva cuenta de usuario

© Amaia Gálvez 22
El nombre mostrado no tiene porque
coincidir, y es recomendable que no coincida,
con el nombre de usuario. Les
recomendamos que se anoten tanto su
nombre de usuario como su contraseña. Si el
nombre de usuario elegido no esta disponible
el sistema nos lo indicará para que elijamos
otro.

Pulsamos en Continuar

Ilustración 3: Asignar nombre al blog

Ponemos un titulo a nuestro blog y le damos un nombre en el cuadro de Dirección del blog,
anotamos esta dirección porque a través de ella entraremos directamente al contenido de
nuestra bitácora.

No entramos en configuración avanzada porque mas tarde podremos configurar dichos


parámetros.

Nota: El cuadro de verificación está para evitar scripts automáticos de creación de blogs

Pulsamos en Continuar y elegimos una plantilla o modelo de presentación para nuestro blog,
que luego se puede cambiar por otra e incluso modificar a mano para adaptarla a nuestras
necesidades.

© Amaia Gálvez 23
Ilustración 4: Elegir Plantilla

Una vez elegida la plantilla, hemos terminado el proceso de alta de nuestra cuenta y de
nuestro primer Blog.

Ya estamos listos para empezar a publicar nuestros artículos e imágenes en nuestro Blog.

© Amaia Gálvez 24
Anexo 2: Opciones de Configuración de tu Blog.

Opciones / Configuración

Básico:

Publicación:

Formato:

Estos primeros a tu gusto.

Comentarios:

© Amaia Gálvez 25
Texto que quieras que aparezca cuanto alguien vaya a hacer un comentarios

blog____________________@yahoo.es

Archivo:

Feed del sitio:

Correo Electrónico:
blog____________________@yahoo.es

Permisos:

© Amaia Gálvez 26