Lección 9 - Agregar un CBOX a nuestro Blog

9Las cajitas de Chat tienen su “gracia” cuando hay varias personas conectadas en el mismo momento mirando el Blog, así podrán comunicarse chateando en el momento (Ver Lección 7 para insertar un CHAT)
Los CBOX por el contrario permiten dejar comentarios que luego el administrador del blog (u otros navegantes) podrán leer cuando ingresen en cualquier momento y asimismo podrán responder con otro comentario.

Vamos a crear un CBOX


Entrar a la página: http://www.cbox.ws/
Si no está registrado dar clic en sign up y completar el formulario: nombre para la cajita, correo electronico, contraseña (elija otra diferente a su correo, pero anótela en un cuaderno para no olvidarla), confirma la contraseña, dirección completa del blog, idioma y puede elegir un estilo (Ver los estilos 2 imágenes más abajo).

Tilde la opción I have read and.....

Clic en Create my Cbox!

Clic en Publish! para obtener el código para su CBOX

(Estilos disponibles para los CBOX) - Se puede ver la Galería de Estilos dando clic en Look & Feel / Style Presets


Una vez que damos clic en Publish! aparece la caja siguiente con el código. Clic en Copy to clipboard (Copiar en el Portapapeles)
(Si quiere salir de la edición del CBOX, dar clic en Log ut arriba/derecha)

Entramos al escritorio de Blogger y en damos clic en Diseño

Clic en Añadir un gadget

Clic en el gadget HTML/Javascript

Pegar el código con la combinación de teclas: CTRL + V

Clic en Aceptar

Si no deseamos que el gadget quede arriba del resto de los gadgets lo movemos de lugar y luego guardamos los cambios.

Clic en Ver blog, para observar los resultados.

Si deseamos cambiar el formato del CBOX (por ejemplo sus colores), volvemos a la página: http://www.cbox.ws/ 

Ya no llenaremos más el formulario, entramos con el nombre y contraseña que hemos elegido.

En Look & Feel podremos encontrar unas cuantas opciones, ya sea elegir otro estilo desde Style presets o modificar color por color a gusto desde la opción Colours & fonts

Bueno, a curiosear y crear un CBOX y que nuestros amigos nos dejen pequeños mensajes cuando entren a ver nuestro Blog

Finalmente queda por decir que también podemos colocar el código en una entrada, siempre y cuando demos clic en la pestaña Edición de HTML, y allí Ctrl + V
Igualmente es mejor poner el CBOX en un gadget ya que siempre estará a la vista sin importar la entrada que estemos viendo. Pero a efectos de que vean el resultado, puse un CBOX incluido en esta entrada. Pueden probar su funcionamiento escribiendo algo.

Para escribir en el CBOX anterior, escriba primero su nombre y luego debajo el mensaje, finalmente de clic en el botoncito OK y listo!

Lección 8 - Pasar entradas de un Blog a otro

Es posible que nos entusiasmemos y en lugar de tener un Blog, decidamos tener dos o más. Y que deseemos pasar una entrada de un blog a otro, como quien copia un documento completo. ¿Tenemos que volver a crear dicha entrada nuevamente? No, Blogger previno esto, por lo que podremos exportar e importar entradas de un Blog a otro. Por supuesto que para esto debemos ser Administradores de ambos.

• Entramos a Blogger con cuenta y contraseña de Gmail.
• En el escritorio de Blogger damos clic en Configuración.

• En la pestaña Básico daremos clic en Exportar blog (recuerdan que al comenzar el curso pedí que crearan una carpeta específica para todo el material del nuevo blog? Bueno, en dicha carpeta exportaremos el blog)

¿Qué significa EXPORTAR un blog? Significa que vamos a guardarlo en nuestro disco duro, lo que no es menos importante, ya que vendría a ser como un respaldo de lo que estamos armando en la web, si en un futuro sucede algún imprevisto en el servidor que lo aloja actualmente, nosotros no habremos perdido todo nuestro trabajo.

• Clic en Descargar Blog

• Clic en Guardar
• Buscamos la carpeta donde deseamos descargar el archivo y clic en Guardar
• Una vez que hemos guardado el archivo, damos clic en Escritorio (arriba/derecha) para ir al otro Blog, es decir al que deseamos incluir la entrada. El archivo guardado llevará extensión .xml)
• Clic en Configuración correspondiente al nuevo blog
• Pestaña Básico / Clic en Importar blog

• Clic en Examinar, para buscar el archivo del Blog anteriormente exportado (.xml)
• Escribir los caracteres de seguridad
• Tildar la opción Publicar automáticamente todas las entradas importadas (si no tildamos esta opción se importarán todas las entradas del blog pero quedarán como borrador, pudiendo luego publicar las que queremos)
• Finalmente clic en Importar Blog

• Aparecerán todas las entradas del Blog guardado en el disco (o sea del que exportamos) en el blog en el que estamos. Las entradas que no queremos, las suprimimos, dejamos únicamente las que queríamos "copiar" (ademas de las entradas del blog actual).
• Luego abajo clic en el botón Suprimir selección.

Al suprimir dichas entradas, no se preocupen que del blog original no desaparecerán.

Lección 7 - Agregar CHAT a nuestro Blog

Mucha gente gusta de poner chats en sus Blogs. Hay varios disponibles en la web. No me dedicaré a ninguna página en particular, puesto que todos tenemos diferentes gustos, muchos están en inglés, algunos ni siquiera funcionan bien del todo. De modo que siguiendo con los programas de la empresa, el que incluiremos en esta lección será el chat de Google. Enseño este porque así nos introducimos en los Gadgets (pequeñas herramientas que podremos incluir en las barras laterales y en algunas plantillas también se pueden incluir en la parte superior e inferior de la página). Utilicemos entonces una de las opciones disponibles de Blogger.
Entrar al escritorio de Blogger y dar clic en Diseño.

Dar clic en Añadir un gadget

En la ventana que se despliega tenemos varios gadgets, pero no de chat. Por lo tanto utilizaremos la caja de búsqueda que se encuentra en la esquina superior derecha y allí escribiremos: Gtalk y luego damos clic en la "lupa" para buscar.

Del resultado de la búsqueda dar clic en Gtalk (Google Talk)

A continuación podremos cambiar su nombre y su altura.
Aceptar y luego dar clic en Ver blog para observar el resultado.

Con el chat en el Blog, podremos elegir una imagen que nos identifique.

Listo! Ya tenemos nuestro Chat incluido en el Blog. Ahora, para chatear en él, tenemos que tener cuenta de Gmail, por lo que pido a quienes estén en el Grupo que me pasen sus direcciones así los agrego y podemos chatear en el chat que he incluido en "Aprendiendo a Crear un Blog"

Es probable que al ingresar a un Blog encontremos así el chat:
Si damos clic en Acceder y tenemos nuestra cuenta de Gmail abierta, la detectará y enseguida podremos utilizar el chat. Si no tenemos cuenta de Gmail, nos da la opción de crear una.

Por supuesto que pueden buscar en Internet otro tipo de chat para su Blog. Particularmente me gustan simples y claros como este. Pero respeto a quienes les gustan con imágenes de fondo y muchos "macaquitos". Así que busquen el que sea de su agrado. Por supuesto quienes tengan ya uno incluido en su blog y hayan probado su buen funcionamiento, pueden dejar enlace a la página de creación de dicho chat, para compartir (Recuerden ver la Lección 6 donde se explica cómo poner enlaces que funcionen en los comentarios)

Además de incluir Chats, que para eso debemos estar conectados al mismo tiempo que otras personas para poder chatear, también se pueden incluir cajas de comentarios, tal es el caso de CBOX, que podrán ver en la lección 9. Dar clic Aquí.

Lección 6 - Los Comentarios

Los comentarios que dejamos en los Blogs permiten la interactividad del administrador con los internautas (personas que navegan por Internet). Si ponemos un artículo otros podrán opinar sobre él, incluso aportar al blog enlaces, etc.
Cada entrada tiene al final la opción de dejar un comentario. Si deseamos que nuestro Blog sea meramente informativo y no nos interesan los comentarios, podemos deshabilitar esta opción.





Para insertar un comentario simplemente dar clic en comentarios (ver la siguiente imagen que lo muestra resaltado en amarillo)

Configurar los Comentarios
Entrar al escritorio del Blog con nuestra cuenta y contraseña
Dar clic en Configuración







Clic en la pestaña Comentarios
En la ficha tildamos las opciones que deseamos.
La primera opción es para dejar ver o no los comentarios por los demás. Generalmente se deja tildada la opción Mostrar para que los internautas puedan opinar, debatir, interactuar. Si no deseamos que vean los comentarios, optaremos por Ocultar.


Persona que puede realizar los comentarios 
Si queremos dejar abierto a todo público los comentarios tildaremos la opción Cualquiera. El resto de las opciones van restringiendo el permiso.

Usuarios registrados, no permite dejar comentarios anónimos, los usuarios tendrán que disponer de alguna de las cuentas que muestra la siguiente lista.



Usuarios con cuentas de Google, deberán tener un correo de Gmail para poder dejar sus comentarios.
La última opción, Solo los miembros de este blog, únicamente permitirá dejar comentarios a los miembros del Blog. Para esto, el administrador tendrá que enviar invitaciones a cada usuario otorgándoles permiso para publicar entradas, realizar modificaciones básicas y dejar comentarios.

A continuación tienen la oportunidad de elegir si desean que los comentarios aparezcan en una Página completa (es decir una ventana aparte, exclusivamente para dejar y leer los comentarios), Ventana emergente (una pequeña ventana para dejar el comentario y leer los anteriores), Entrada incrustada a continuación (para dejar los comentarios en la misma ventana al final de la entrada publicada).

El resto de las opciones vayan practicándolas, seleccionando opciones y fijándose cómo quedan en el Blog.

Una opción a tener en cuenta es:

Moderación de Comentarios.

Podemos dejar que todos comenten y que sin revisar dichos comentarios se publiquen directamente. Esto es bueno cuando la gente que navega nuestro blog es gente con gustos acordes a nuestros temas y generalmente deja comentarios ubicados. Pero…. Siempre andan navegando por ahí personas desubicadas que pueden dejar comentarios ofensivos, agresivos o de mal gusto. Por tal motivo tenemos la opción de revisar los comentarios y  publicarlos solo si lo deseamos. Si no son de nuestro agrado (no pasan nuestro “filtro” por así decirlo) podemos eliminarlos. Porque si bien existe la libertad en la web, es nuestro blog y podemos administrarlo a gusto.

Por lo tanto si optamos por las dos primeras opciones (Siempre y Sólo en entradas publicadas hace más de (x) días), tendremos la oportunidad de revisar y darle el OK a los comentarios.

Para no tener que entrar al escritorio del Blog asiduamente y verificar si tenemos comentarios para revisar, es mejor escribir nuestro correo electrónico a continuación y así cada vez que alguien comente, seremos informados vía mail.

Luego de leer y elegir las opciones deseadas, iremos al final de la página y daremos clic en Guardar Configuración.

Sobre las opciones que no entiendan bien de la ficha Comentarios, pueden plantear sus dudas en el Grupo de PowerPoint de Blogueros Mayores.

Recuerden que cuando dejan comentarios en nuestros blogs, podemos responderlos. Y muchas veces, si esas personas tienen blog, bastará con dar clic en la imagen o nombre que los identifican para poder acceder a él. De esta manera uno puede interactuar con otros navegantes visitando sus blogs y comentándolos.

Si observan la siguiente imagen hay 3 comentarios diferentes, el primero de una persona que tiene Blog, por lo tanto si damos clic en la imagen o en su nombre podremos acceder a su perfil y luego ver su Blog. El segundo de alguien que sin tener blog tiene cuenta Gmail, el tercer comentario es anónimo.

Enlaces en los comentarios

Cuando queremos compartir direcciones web en los comentarios, estos quedan como simple texto, es decir que no funcionan al dar clic sobre ellos. Las direcciones quedan en color negro como el resto del texto y al poner el puntero sobre ellas no aparece la clásica “manito”.

En este comentario hay dos enlaces que no funcionan, si damos clic sobre ellos no pasará nada.

Si deseamos poner enlaces que efectivamente funcionen, tendremos que hacer lo siguiente:

Escribimos normalmente el comentario y para la dirección web, incluir  el siguiente código:

<a href= "URL" > Nombre </a>

 Ejemplo:
***********************************************************
<a href= "http://ofimaticalp.blogspot.com" > Blog de Ofimatica </a>
***********************************************************

URL será la dirección completa del sitio que queremos enlazar

Nombre será el texto que los usuarios verán para dar allí clic y acceder al sitio web compartido.  No olviden agregar al inicio de la dirección: http://

Vea el siguiente ejemplo:

Clic en Publicar Comentario y listo! El enlace funcionará con solo dar un clic sobre él.

Lección 5 - Aplicar otras plantillas

Antes de comenzar a elegir nuevas plantillas web, les recomiendo crearse una carpeta para el material que de aquí en más incluirán en él. Por ejemplo, dentro de la carpeta Documentos o de la carpeta Imagen, crear una carpeta que se llame: Blog-Nombre (Siendo “Nombre” el título de nuestro Blog), y sabremos que allí podremos incluir todo el material necesario: imágenes o fotos para el Blog, las plantillas descargadas, etc. De paso no queda todo tirado y desordenado en nuestra computadora.

A tener en cuenta: las plantillas descargadas de la web, son creadas por particulares. Es posible que tengan fallas. Seguramente elegirán plantillas que funcionen correctamente, pero sepan que algunas podrán tener errores que no podremos solucionar. Los errores serán pequeños, pero muchas veces puede perjudicar el buen funcionamiento que deseamos para nuestro Blog: que no funcionen los comentarios (por lo tanto nos privaremos de conocer la opinión de otras personas o hacernos amigos), que no funcione alguna pestaña incluida en el estilo, etc. Pero que esto no los haga retroceder, lo ideal es descargar varias y probar su buen funcionamiento. Son gratis y hay muchas realmente atractivas.


1º Paso: Ingresar a la siguiente dirección:
http://btemplates.com/

En esta página podremos elegir de cuántas columnas será la plantilla, qué color predominará en ella, etc. Cuando hemos encontrado una plantilla que nos gusta y se acomoda a la información que presentará nuestro Blog, damos clic sobre Download (Descarga)

En la ventanita que aparece damos clic en Guardar. Elegimos la carpeta que habíamos creado.
La plantilla se guardará como un archivo comprimido (Zip).
A continuación abrimos la carpeta donde guardamos y damos clic derecho sobre el archivo. Del menú emergente clic en Extraer aquí. Aparecerá una carpeta con el mismo nombre que el archivo comprimido, así que éste podremos eliminarlo.

Dentro de la carpeta hay archivos de texto y un archivo XML (éste último es el importante, ya que será la plantilla que utilizaremos)
De esta manera descargamos a nuestra carpeta, todas las plantillas que queremos.

2º Paso: Instalar la plantilla en nuestro Blog.
Ingresamos al Blog (al escritorio) y damos clic en Diseño.


Damos clic en la pestaña Edición de HTML.
Si tenemos entradas y gadgets, es recomendable dar clic en Descargar plantilla completa y la guardamos en nuestra carpeta. De este modo si perdemos información, orden o simplemente la plantilla no nos conforma, podremos recuperar la anterior.
Luego dar clic en Examinar

Buscamos nuestra carpeta, seleccionamos con 1 clic la plantilla XML y damos clic en Abrir.

Dar clic en Subir
Si aparece la siguiente advertencia conviene pulsar sobre la opción Mantener Widgets. (Los Widgets son pequeñas aplicaciones o programas. Los Widgets de escritorio o en este caso los del blog, son lo que conocemos como Gadgets)

Finalmente damos clic en Ver Blog para observar el resultado.

Hay otras páginas desde donde se pueden descargar plantillas. Si tienen alguna preferida, pueden dejar aquí el enlace, para compartirla con sus compañeros.

Lección 4 - Crear y Editar Entradas

**Recuerden dar clic sobre las imágenes explicativas para verlas en tamaño mas grande**

CREAR UNA ENTRADA

Crear una nueva entrada significa comenzar un nuevo tema. Si por ejemplo estamos creando un blog de recetas, el título será de la receta actual.

1. Clic en el botón Nueva Entrada
2. Digitar un título para la entrada, según el tema a desarrollar.
3. Luego podremos escribir directamente, o podemos copiar texto desde Word y pegarlo en la entrada.
4. Para insertar imágenes damos clic en el botón Añadir imagen



5. En la ventana que se abre clic en Examinar
6. Buscar la imagen en su PC, seleccionarla y luego clic en el botón Abrir.
7. Elegir un Diseño y un tamaño. Para escribir arriba y debajo de la foto, elegimos Centrar, si queremos escribir al costado, elegimos izquierda o derecha.

8. Finalmente daremos clic en el botón: Subir imagen

EDITAR UNA ENTRADA

Si deseamos continuar desarrollando un mismo tema, no tenemos porqué crear otra Entrada. En este caso lo que haremos será entrar a la entrada que ya habíamos comenzado, para modificarla y/o agregarle cosas.

1. Clic en Editar entradas.
2. Aparecerá un listado con todas las entradas del Blog.
3. Si queremos eliminar la entrada, damos clic en la casilla correspondiente y luego clic en Suprimir.
4. Dando clic en Editar abrirá la entrada que quiera modificar (que usted haya creado)
5. Una vez que se abra la entrada, trabajaremos normalmente, digitando texto o añadiendo imágenes.
6. Si queremos eliminar una imagen, damos clic sobre ella y luego pulsamos la tecla Supr.

Cuando estamos en la parte de Editar entradas, podemos ver la fecha de publicada de cada una, así como los comentarios que han tenido.

Lección 3 – Personalizar el Blog

Una vez creado el Blog,
Ingresamos nuevamente a la dirección: http://www.blogger.com/
Cuando ingresamos nos encontramos en el escritorio. Allí es donde podemos ver el o los blogs que tenemos asociados a la cuenta Gmail. A la izquierda aparecerá nuestro nombre, y tendremos la opción de modificar nuestro Perfil o poner una foto que lo represente.

Lo que identifica a cada Blog en el escritorio es el Título que le hemos puesto (no su dirección web).
Comenzaremos personalizando nuestro Blog, así que daremos clic en Configuración.
A continuación daremos clic en la pestaña Diseño.
Clic en Diseñador de Plantillas

A tener en cuenta: es mejor realizar estas modificaciones antes de comenzar nuestro Blog, o a poco de trabajar en él. Pasa muchas veces que si cambiamos el formato cuando el blog está muy adelantado, los gadgets por ejemplo se desordenan, las imágenes quedan demasiado grandes para las columnas laterales, etc.

El diseñador de Plantillas surgió en el 2010, antes eran pocas y simples las plantillas a utilizar.
Plantilla
Para elegir una plantilla simplemente elegimos un motivo, por ejemplo Sencillo y luego debajo uno de los diseños propuestos.




Fondo
Desde aquí podemos cambiar los colores del blog, también podemos eliminar la imagen de fondo o cambiarla por otra.

Hay un montón de imágenes para elegir, pero si deseamos de fondo una imagen de nuestra computadora, tenemos la opción Subir imagen, para seleccionar el archivo que deseamos (que no deberá exceder los 300 Kb). Al dar clic en Finalizado la imagen elegida quedará como fondo del cuerpo del blog. Unas opciones más nos permitirán Alinear la imagen escogida, incluso repetirla en Mosaico para que "llene" la página.

Diseño:
Desde aquí podemos elegir cómo será el cuerpo del blog, si tendrá 1, 2, 3 columnas laterales o incluso ninguna. Observar detenidamente cada diseño y elegir la que consideremos apropiada para nuestro Blog.

Ajustar ancho.

Desde aqui podremos dominar las medidas de ancho para el blog completo y para cada una de sus barras laterales.

Avanzado

Para finalizar, en esta parte podremos personalizar los textos (eligiendo fuente, tamaño, color), podremos modificar los colores de fondo, los colores de los enlaces incluidos, etc.

Personalizar nuestro Blog puede resultar muy divertido. Pero a tomar en cuenta ciertas pautas: no lo estamos creando solo para nosotros, subir un diario personal a la web y dejarlo abierto al público nos da cierta responsabilidad.

Cuando elegimos colores, debemos tener en cuenta que colores de fondo y de textos deben resaltar para que se pueda leer correcta y facilmente cada entrada. Es decir, si el fondo es oscuro, la letra bien clara y viceversa.

Los tamaños de fuente.... ni exagerar en tamaño que quede ridículo, pero tampoco poner textos tan pequeños que sean ilegibles para personas que tengan corta visión. Cuando comenzamos a compartir hay que tomar en cuenta a los demás. Mostrar algo personal está bien, pero que los demás puedan disfrutarlo es importante.

Lograr un equilibrio es incluso dificil. Se dice que quienes navegan en la red no disponen ni de mucho tiempo ni de mucha paciencia, por lo que leeran textos cortos. Por tal motivo crear una entrada sumamente extensa, es posible que no capte la atención del usuario, que deje de leer a la mitad a menos que el texto le resultara muy atrayente.

Agregar imágenes es hasta necesario, ya que captan la atención del usuario, aligeran la lectura, pero exagerar y hacer de nuestro blog un escaparate de chucherías, tampoco es acertado (a menos que justamente expongamos una coleccion de imágenes para que los usuarios descarguen).

Por lo tanto, siempre quedarán cositas que iremos modificando y personalizando de a poco.

Ahora, a diseñar sus Blogs, modificarlos, ponerles imágenes de fondo personales. Jueguen un poco y hagan de su Blog un sitio web único, sin repetición!

Lección 2 - Crear el Blog

Si ya tenemos nuestra cuenta de Gmail, élla será nuestra puerta de entrada a Blogger.
De modo que a continuación ingresamos a la siguiente dirección:
http://www.blogger.com/

(Si quieren acceder desde aqui mismo pulsando el enlace anterior, pueden mantener presionada la tecla Ctrl mientras dan clic en la dirección, para abrir la página en otra pestaña y que no se cierre esta página del curso.)

Una vez cargada la página de Blogger, dar clic en Comenzar.

Completar el formulario que aparece a continuación con nuestra dirección de correo electrónico de Gmail (completa) y la contraseña creados. Donde dice Mostrar nombre, les recomiendo que utilicen el mismo nombre o apodo que usan en Blogueros Mayores, para reconocernos. En caso de utilizar otro, luego tendremos que pasarlo a los compañeros cuando llegue el momento de compartir nuestros Blogs.

En Verificación de la palabra debemos escribir las letras tal como aparecen. Clic en Continuar.

La próxima ventana es muy importante. Aquí van a poder elegir el Título para su Blog y la dirección web para el mismo. La dirección que elijan, deberán Comprobar la disponibilidad, para ver si ya no ha sido utilizada.
He comprobado decenas de direcciones que dicen estar utilizadas y sin embargo al buscarlas los blogs no existen o los han creado hace años y apenas tienen una entrada de bienvenida y luego dichos blogs fueron abandonados, pero al no ser eliminados están como "chatarra" colgados en Internet y no liberan esos nombres que nos podrían ser útiles.
Por ejemplo, quise poner a mi Blog la dirección que puse de Título: "Aprendiendo a Crear un Blog", pero ya estaba utilizada, o sea no disponible. Cuando puse en Internet http://aprendiendoacrearunblog.blogspot.com/ me encontré con un Blog creado el 5 de noviembre de 2007 con tan solo 1 párrafo de texto, nunca más volvieron a utilizarlo. De modo que esa dirección que yo deseaba está inutilmente utilizada por otra persona que realmente no lo necesita. No quiero que mis alumnos hagan eso, por lo tanto yo diría que piensen bien de qué tratará su Blog antes de elegirle un título y una dirección web que por supuesto sea igual o similar al título.

Luego de digitar la palabra de verificación dar clic en Continuar.

El próximo paso será para elegir una plantilla. Es decir el diseño que tendrá nuestro Blog. En este caso, elijan el que más les guste, pero no se preocupen mucho porque mas adelante podrán modificarlo a gusto.

Clic en Continuar

Cuando aparezca la siguiente página, habremos creado nuestro Blog.
Podremos entonces publicar nuestro primer artículo por decirlo así o personalizar la apariencia del blog, cosa que veremos en detalle en la próxima lección.

Para los alumnos de Blogueros Mayores, el próximo paso que les pido es que me dejen como comentario dentro del Grupo (en la Red Blogueros Mayores) la dirección web del blog que han creado. De esta manera podré ir viendo sus avances y si tienen dudas podré saber de qué se trata mirando vuestro trabajo.

Los que aún no se hayan anotado en el Grupo "Creando un Blog" en la Red del Viejo Pescador, favor anotarse para no dejar en esta página sus direcciones de blog. Gracias.