30
Aprende a diseñar tu blog paso a paso Los escritores de Blogger tienen ideas, experiencias y noticias para compartir con el sencillo interés que los usuarios ingresen diariamente y se afilien al blog. Crea una Cuenta de Google Accede a una cuenta de Blogger creando una cuenta de correo de Google. Entra a la dirección http://www.gmail.com/. Crea una cuenta nueva de correo @gmail.com. Cuentas de Google Verifica tu identidad Ahora en las Cuentas de Google coloca tu número celular, ya que gracias al servicio de privacidad mejorado, te permitirá recibir un mensaje de texto con un código de acceso único a tu blog. Servicio para socios Llena los datos de registro como nuevo usuario. Como nuevo socio en Google mail puedes acceder a una cuenta de Blogger y a las aplicaciones del Servicio. Blogger posee una interfaz intuitiva, planteada para la próxima generación de usuarios. Puedes tener acceso a Blogger desde cualquier computadora, en tu oficina o desde tu casa. Gracias a la colaboración instantánea puedes charlar con tus colegas comentando en línea.

Aprende a diseñar tu blog paso a paso Crea una Cuenta de ...cursa.ihmc.us/rid=1306652365710_495507136_26562/Aprende a diseñar...hace adaptables a cualquier materia, asignatura y

  • Upload
    lyhanh

  • View
    214

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Aprende a diseñar tu blog paso a paso Crea una Cuenta de ...cursa.ihmc.us/rid=1306652365710_495507136_26562/Aprende a diseñar...hace adaptables a cualquier materia, asignatura y

Aprende a diseñar tu blog paso a paso

Los escritores de Blogger tienen ideas, experiencias y noticias para compartir con el sencillo interés que los usuarios ingresen diariamente y se afilien al blog.

Crea una Cuenta de Google

Accede a una cuenta de Blogger creando una cuenta de correo de Google. Entra a la dirección http://www.gmail.com/.

Crea una cuenta nueva de correo @gmail.com.

Cuentas de Google Verifica tu identidad

Ahora en las Cuentas de Google coloca tu número celular, ya que gracias al servicio de privacidad mejorado, te permitirá recibir un mensaje de texto con un código de acceso

único a tu blog.

Servicio para socios Llena los datos de registro como nuevo usuario. Como nuevo socio en Google mail

puedes acceder a una cuenta de Blogger y a las aplicaciones del Servicio.

Blogger posee una interfaz intuitiva, planteada para la próxima generación de usuarios. Puedes tener acceso a Blogger desde cualquier computadora, en tu oficina o desde tu

casa.

Gracias a la colaboración instantánea puedes charlar con tus colegas comentando en línea.

Page 2: Aprende a diseñar tu blog paso a paso Crea una Cuenta de ...cursa.ihmc.us/rid=1306652365710_495507136_26562/Aprende a diseñar...hace adaptables a cualquier materia, asignatura y

Blog como herramienta

Existen muchas plataformas para crear un blog, pero por su sencillez y fácil manejo, vamos a crear un blog con Blogger de Google. Un blog te permite expresar tus opiniones

en Internet. Es un lugar en donde puedes recopilar y compartir todo aquello que te parezca interesante.

Muchos utilizan un blog sólo para organizar sus ideas. Es un medio innovador para

manejar la noticia.

Los blogs o bitácoras son un fenómeno de gran aceptación en Internet, porque permiten, de manera fácil y rápida, que cualquier persona publique en un espacio propio

sus ideas y las comparta con otras personas en la red.

El fenómeno de los blogs ha influido notablemente en los usos y costumbres de los internautas. El formato blog, Web-blog o bitácora se ha generalizado como el más

aceptado medio de micro-publicación, espacio personal, profesional o grupal, e incluso

se ha dejado notar en otros ámbitos, como el periodístico.

Como actividad basada en la comunicación, la docencia no queda al margen de la influencia de los blogs como herramienta educativa y comunicativa. Su flexibilidad los

hace adaptables a cualquier materia, asignatura y nivel educativo.

Además, sus relaciones con otros formatos y aplicaciones en la red, lo hacen parte integrante de lo que se ha llamado ecosistema de la red, habitado por las aplicaciones

Web 2.0, los marcadores sociales (Technorati, del.icio.us, Blinklist, iFavoritos), los generadores y almacenes de contenido multimedia (Flickr, Odeo, Youtube, Google Video,

Google Maps), las redes P2P, y otros espacios que concentran el interés de los internautas.

Page 3: Aprende a diseñar tu blog paso a paso Crea una Cuenta de ...cursa.ihmc.us/rid=1306652365710_495507136_26562/Aprende a diseñar...hace adaptables a cualquier materia, asignatura y

Comenzar a crear un Blog

Comenzar a crear un blog es realmente fácil, para empezar sólo tienes que escribir la dirección Web http://www.blogger.com/ en la barra de direcciones de tu navegador

para ingresar a la página de Blogger.

En la página de Blogger, haga clic en el enlace “Comenzar”; La página lo guiará en el proceso de registro para empezar a crear su nueva cuenta de Blogger.

Page 4: Aprende a diseñar tu blog paso a paso Crea una Cuenta de ...cursa.ihmc.us/rid=1306652365710_495507136_26562/Aprende a diseñar...hace adaptables a cualquier materia, asignatura y

Regístrate en una cuenta de Blogger

Las cuentas de Google permiten recurrir a herramientas muy variadas con que puedes proponer a tu blog para realzar tus contenidos a tu gusto.

Completa los campos obligatorios como nuevo socio de este servicio. Haga clic en el botón “Continuar”.

Page 5: Aprende a diseñar tu blog paso a paso Crea una Cuenta de ...cursa.ihmc.us/rid=1306652365710_495507136_26562/Aprende a diseñar...hace adaptables a cualquier materia, asignatura y

Crea un título para el Blog

Los blogueros y los escritores freelance producen contenidos a diario para Internet, necesitan que el título del blog sea original pero fácil de recordar.

Piensa en un título para tu Blog Debes asignarle un título a tu blog. Puedes cambiar luego el título de tu blog.

La optimización de contenidos para Internet

Desde el punto de vista comercial, un título optimizado para buscadores, debe cumplir con una serie de requerimientos:

Debe destacar la utilización de palabras clave, que, básicamente, son las palabras más

utilizadas por los usuarios de buscadores para acceder a la información que están

buscando.

Page 6: Aprende a diseñar tu blog paso a paso Crea una Cuenta de ...cursa.ihmc.us/rid=1306652365710_495507136_26562/Aprende a diseñar...hace adaptables a cualquier materia, asignatura y

Escribe una URL para el Blog

Una “URL” es la ubicación de un archivo en la Web. Algunos ejemplos de URL son http://www.blogger.com/ o http://myblog.blogspot.com/. La URL que selecciones es una

dirección única que no se puede cambiar es la que utilizarán los usuarios y usted mismo para acceder a su blog.

Durante el proceso de creación del blog se le solicitará que seleccione una URL para su

blog si desea alojarlo en Blog*Spot. Dado que ya existe un gran número de blogs de Blog*Spot, deberá ser creativo y puede que deba probar más de una URL antes de

encontrar una que esté disponible.

Una aspecto que debe tener en cuenta al seleccionar la URL de su blog es que los guiones ( - ) son el único carácter no alfanumérico permitido. No se admiten espacios,

guiones bajos ( _ ) ni cualquier otro carácter especial.

La URL que selecciones es la que los usuarios utilizarán para acceder a tu Blog.

Haga clic en el botón “Continuar”.

Page 7: Aprende a diseñar tu blog paso a paso Crea una Cuenta de ...cursa.ihmc.us/rid=1306652365710_495507136_26562/Aprende a diseñar...hace adaptables a cualquier materia, asignatura y

Escoge una plantilla o Template

Google quiere extender su red de blog y nosotros queremos que lo haga. Blogger llega con novedades en cuanto a tecnología Web utilizada. Blogger incorpora nuevas plantillas

para nuestras bitácoras. Estas nuevas plantillas cuentan con diseños de los más actuales.

Entre las mejoras apreciadas en Blogger están (Flipcard, Mosaic, Sidebar, Snapshot,

Timeslide) disponibles en la página del blog.

Elige un modelo de plantilla

Escoge una plantilla / Template de tu preferencia. Puedes cambiar la planilla más tarde, incluso personalizarla con el “Diseñador de

Plantillas”.

Haga clic en el botón “Continuar”.

Page 8: Aprende a diseñar tu blog paso a paso Crea una Cuenta de ...cursa.ihmc.us/rid=1306652365710_495507136_26562/Aprende a diseñar...hace adaptables a cualquier materia, asignatura y

Empieza a publicar en tu Blog

Blogger te confirmará cuando hayas terminado de aplicar los cambios y estés listo para crear tus publicaciones.

Haz clic en el botón Empezar a publicar

Accede a tu cuenta de Blogger

Si ya tienes una cuenta de correo de Google mail puedes acceder a Blogger con facilidad. Llena el cuadro de Acceso de con tu dirección de correo electrónico y con tu

contraseña en los espacios correspondientes de la página.

Tus datos de acceso de Google mal te permitirán ingresar a tu cuenta de correo electrónico como a tu cuenta de Blogger.

Presiona el botón “Acceder”.

Page 9: Aprende a diseñar tu blog paso a paso Crea una Cuenta de ...cursa.ihmc.us/rid=1306652365710_495507136_26562/Aprende a diseñar...hace adaptables a cualquier materia, asignatura y

Conociendo el Escritorio de Blogger

Tras acceder a Blogger, verás tu lista de blogs en el escritorio. Haz clic en el enlace (color azul) que aparece al lado del título del blog. Elija la opción más adecuada para

trabajar según el propósito que usted necesita:

Page 10: Aprende a diseñar tu blog paso a paso Crea una Cuenta de ...cursa.ihmc.us/rid=1306652365710_495507136_26562/Aprende a diseñar...hace adaptables a cualquier materia, asignatura y

El escritorio de Blogger en borrador o Dashboard

Este término proviene del inglés "dashboard", que originalmente designaba la

tabla que se utilizaba para evitar las salpicaduras de barro dentro de un

vehículo.

Con el tiempo, su significado ha evolucionado y se aplica a las interfaces de

usuario que organizan y presentan información de una forma clara, es decir, el

"Escritorio".

El escritorio de Blogger es un panel de control, la interfaz de edición principal

de Blogger.

La lista de tus blogs Tras acceder a Blogger, se te mostrará la página “Escritorio”, desde la cual podrás

acceder a la funcionalidad de edición de todos tus blogs y tu perfil, así como a las páginas Noticias en Blogger, Blogs recién actualizados y Blogs importantes.

Nota: Siempre que navegues por Blogger y no te encuentres en la página “Escritorio”, verás un botón azul con el texto "Regresar al escritorio" en la esquina superior

derecha de la página.

Page 11: Aprende a diseñar tu blog paso a paso Crea una Cuenta de ...cursa.ihmc.us/rid=1306652365710_495507136_26562/Aprende a diseñar...hace adaptables a cualquier materia, asignatura y

Escribir una entrada en el blog

Escribe una entrada de blog para mostrar en la página en el área de la publicación, puedes realizar un boceto que represente cómo debe resultar la obra terminada. Cuando

acabes el diseño del material puedes emplear las herramientas que aparecen en la barra de herramientas para modificar el texto, agregar imágenes y videos y hasta colocar tus

propias creaciones (gadget y widget).

Accede a la página Creación de entradas de Blogger. Para empezar, asigna un título a

tu entrada (opcional). A continuación, crea la entrada de texto que debe quedar integrada en la publicación:

Edición HTML de la entrada de blog

Puedes usar códigos básicos y sencillos en “HTML” para modificar tu blog con widget y otros complementos de sitios como Youtube y MixPod.

Page 12: Aprende a diseñar tu blog paso a paso Crea una Cuenta de ...cursa.ihmc.us/rid=1306652365710_495507136_26562/Aprende a diseñar...hace adaptables a cualquier materia, asignatura y

Crear un vínculo a una página Web

1. Resalte el texto que desea convertir en vínculo. Si no selecciona ninguno antes de utilizar el botón “Enlace”, el vínculo se creará sin texto.

2. Haga clic en el botón “Enlace” que aparece entre las herramientas para crear el vínculo (o pulse control+mayús+a en el teclado):

Se abrirá una ventana emergente, donde deberá introducir la URL con la que desea

enlazar. Escriba la URL en el cuadro de texto. No olvide incluir http://.

Si el botón de este vínculo no aparece en su navegador o no funciona, puede

escribir el vínculo a mano:

<a href="http://URL">TEXTO</a>

Supongamos que quiere dar a conocer un sitio Web muy interesante denominado

www.somecoolwebsite.com.

Esto es lo que debería escribir:

<a href="http://www.somecoolwebsite.com">esto</a>

La palabra "esto" corresponde al vínculo www.somecoolwebsite.com, se mostrará en azul y subrayado en el blog.

De este modo, el equipo sabe que usted escribe lenguaje HTML en lugar de un simple

texto que desea mostrar.

El sitio Web con el que desea enlazar debe escribirse entre comillas y empezar siempre

por http://. Si no incluye http://, lo más probable es que el vínculo no funcione.

El código </a> informa al equipo que le sigue texto normal y no debe formar parte del

vínculo.

Page 13: Aprende a diseñar tu blog paso a paso Crea una Cuenta de ...cursa.ihmc.us/rid=1306652365710_495507136_26562/Aprende a diseñar...hace adaptables a cualquier materia, asignatura y

Corregir la ortografía de una entrada de blog

La ejecución del corrector ortográfico es muy sencilla. Cuando esté listo para verificar

una entrada, haga clic en el botón Corrector ortográfico:

Todo lo que debe saber sobre el editor de entradas de Blogger El editor de entradas de Blogger ofrece tres modos de funcionamiento:

Redactar: modo WYSIWYG en el que puede manipular el texto mediante botones de formato.

Edición de HTML: modo sin procesamiento en el que puede editar el código html

manualmente.

Para cambiar de modo, basta con hacer clic en el vínculo correspondiente:

Si prefiere no utilizar el editor WYSIWYG, puede inhabilitarlo en la pestaña Opciones | Básicas de Blogger. Los botones de formato sólo están disponibles en algunos

navegadores. También dispone de teclas de acceso directo, que agilizan enormemente el proceso de creación de entradas, por lo que le animamos a utilizarlas.

Escribir palabras en negrita o cursiva

En primer lugar, seleccione la palabra cuyo estilo desea modificar y, a continuación, haga clic en el botón correspondiente:

Si no visualiza los botones de estilo, use estos códigos:

<strong>ejemplo</strong> Código de texto en “negrita”

<em>ejemplo</em> Código de texto en “cursiva”

Page 14: Aprende a diseñar tu blog paso a paso Crea una Cuenta de ...cursa.ihmc.us/rid=1306652365710_495507136_26562/Aprende a diseñar...hace adaptables a cualquier materia, asignatura y

Barra de herramientas Formato

Use los botones de la barra de herramientas para aplicar cambios en el tamaño, el color y la dimensión del texto antes de publicarlo. Agregue imágenes y videos haciendo clic en

los íconos correspondientes.

Funcionalidades (de izquierda a derecha): 1. Deshacer / Rehacer

2. Fuente

3. Tamaño de fuente 4. Estilo de fuente: Negrita / Cursiva / Subrayado

5. Tachado 6. Color de texto

7. Resaltado de texto 8. Vínculo / Enlace

9. Subir imagen 10. Subir video

11. Justificación (Izquierda, Derecha, Centrado, Justificado) 12. Lista ordenada (numéricamente)

13. Lista ordenada (viñetas) 14. Bloque entrecomillado

15. Corrector ortográfico 16. Eliminar formato de la selección

El desarrollo de un editor de texto enriquecido basado en la Web, avanzado y que cumpliera con los estándares ha supuesto un importante reto para nuestros ingenieros.

Puedes modificar previamente el tamaño y la posición de los objetos que deseas

agregar.

Page 15: Aprende a diseñar tu blog paso a paso Crea una Cuenta de ...cursa.ihmc.us/rid=1306652365710_495507136_26562/Aprende a diseñar...hace adaptables a cualquier materia, asignatura y

Editar el texto escrito en una entrada

Accede al blog específico que contiene la entrada que deseas editar a través del Escritorio. A continuación, haga clic en el botón “Editar” situado junto a la entrada que

deseas modificar:

Puedes utilizar los pequeños triángulos de color gris para obtener una vista

preliminar de tus entradas:

Cuando finalices, no olvides publicar tu entrada:

¿Cuánto tarda mi entrada en publicarse en Internet? Una vez finalizado el proceso de publicación, los cambios deben percibirse de inmediato.

En ocasiones, es posible que las entradas tarden un poco en mostrarse.

Vista de una publicación de Blogger

Cuando termine, haga clic en el vínculo Vista previa para comprobar que ya puede utilizarse: “Vista previa” ofrece una vista preliminar completa de la entrada, que

incluye título, vínculos e imágenes.

Page 16: Aprende a diseñar tu blog paso a paso Crea una Cuenta de ...cursa.ihmc.us/rid=1306652365710_495507136_26562/Aprende a diseñar...hace adaptables a cualquier materia, asignatura y

Guardar una entrada como borrador

Haga clic en “Guardar como borrador”, si todavía no ha terminado de crear la entrada o aún no desea publicarla. Esta opción también permite anular la publicación de una

entrada publicada.

Un "borrador" es una entrada que todavía no se ha finalizado y que no se publicará aunque publiques por primera vez o vuelvas a publicar tu blog.

Para marcar una entrada como borrador, haz clic en el botón "Guardar ahora", situado

debajo del campo de introducción de la entrada:

Para editar un borrador, localízalo en la pestaña Creación de entradas | Editar entradas:

Existen algunos indicadores visuales de que la entrada es un borrador: la fecha y el

estado aparecen en verde y en cursiva.

Para publicar un borrador, basta con editarlo y hacer clic en Publicar:

Si desea convertir una entrada ya publicada en borrador, edítela y haga clic en “Guardar Ahora”. De este modo, se anulará la publicación de la entrada original.

Modificar la fecha/hora de una entrada

Las opciones de fecha y hora de las entradas se encuentran en el campo de edición de la entrada, basta con hacer clic en el triángulo gris para ampliar las opciones de la

entrada:

Tras seleccionar la nueva fecha/hora, asegúrate de publicar la entrada:

Page 17: Aprende a diseñar tu blog paso a paso Crea una Cuenta de ...cursa.ihmc.us/rid=1306652365710_495507136_26562/Aprende a diseñar...hace adaptables a cualquier materia, asignatura y

Publicar una entrada de Blog

Finalmente cuando esté satisfecho con los resultados, haga clic en el botón “Publicar” para compartir su trabajo en nueva entrada:

Haga clic en el botón “Publicar entrada”, si desea publicar la entrada en su blog para

compartirla con los demás usuarios.

Ahora haga clic en el vínculo “Ver entrada”.

O haga clic en “Editar entrada” para seguir publicando.

Suprimir una entrada de blog

Para suprimir una entrada específica, accede primero a tu blog a través del escritorio y, a continuación, búscala y haz clic en el vínculo Suprimir que se encuentra a la derecha

de la página:

El sistema te solicitará que confirmes la supresión. Haz clic en el botón “Suprimir

Selección”. Accederás a la vista de administración de tus entradas.

Tras confirmar la supresión de una entrada, se activará una acción de publicación para eliminarla de tu blog publicado.

Page 18: Aprende a diseñar tu blog paso a paso Crea una Cuenta de ...cursa.ihmc.us/rid=1306652365710_495507136_26562/Aprende a diseñar...hace adaptables a cualquier materia, asignatura y

Sección de Diseño de la página del blog

Aquí encontrarás los recursos que necesitas para modificar el modo en que se organizan el texto y los objetos en tu Blog.

Para mostrar la sección de “Diseño” sigue los siguientes pasos:

En la página de blog haga clic en el vínculo “Diseño” de la “Barra de navegación”. La “Barra de navegación” se encuentra en la parte superior del área de publicación.

También puedes accesar a la sección de “Diseño” desde el “Escritorio” de Blogger.

Haga clic en el vínculo con el nombre “Diseño” que aparece al lado del título del blog.

La apariencia del blog Actualiza tu blog usando las herramientas fáciles de utilizar de Blogger. Te ayudarán a

diseñar con rapidez una página fantástica.

La colección de plantillas te permitirá crear un sitio creativo sin necesidad de aprender HTML. Blogger te da la posibilidad de Editar el código HTML de tu Blog para personalizar

los colores y fuentes.

Page 19: Aprende a diseñar tu blog paso a paso Crea una Cuenta de ...cursa.ihmc.us/rid=1306652365710_495507136_26562/Aprende a diseñar...hace adaptables a cualquier materia, asignatura y

Editar la Cabecera y el nombre del blog

Puedes editar elementos como la (Cabecera) y el Panel de “Entradas del Blog”. Haga clic en el vínculo “Diseño” de la barra de navegación de Blogger.

Haga clic en el vínculo “Editar” en el cuadro denominado (cabecera).

Cambia el título del blog o coloca una imagen significativa que lo identifique.

Cuando finalice haga clic en el botón “Guardar” para mantener los cambios realizados.

Guarde los cambios y luego haga clic en el botón “Ver blog”.

Page 20: Aprende a diseñar tu blog paso a paso Crea una Cuenta de ...cursa.ihmc.us/rid=1306652365710_495507136_26562/Aprende a diseñar...hace adaptables a cualquier materia, asignatura y

Editar Panel de Entradas

En el panel de “Entradas del blog” se acomodan las publicaciones. Usted puede agregar fácilmente información, esta información se organiza en orden cronológico.

Para modificar el panel de “Entradas del blog” haga clic en el vínculo “Editar” en la

parte inferior derecha del marco.

Cambia el número de entradas que

aparecerá en la página del blog.

En “Opciones de la página de

entrada” haga clic en la casilla para

marcar un gancho al lado de las

opciones expuestas en el formulario.

Haga un clic en la casilla para

desmarcar la opción que no desea

mostrar en el panel de “Entradas del

blog”.

En la sección “Ordenar elementos”

ordene el modo en que aparecerán los

elementos que pertenecen a la entrada

de texto de la publicación.

Luego de organizar los elementos que

aparecen en el panel de “Entradas

del blog” guarde los cambios.

Haga clic en el botón “Guardar”.

Editar el panel de “Entradas del blog”.

Page 21: Aprende a diseñar tu blog paso a paso Crea una Cuenta de ...cursa.ihmc.us/rid=1306652365710_495507136_26562/Aprende a diseñar...hace adaptables a cualquier materia, asignatura y

Añadir un gadget a la publicación de blog

Blogger posee una colección de gadget de otros sitios compatibles con Blogger de Google.

Puedes tener acceso a los gadget haciendo clic en el vínculo “Añadir un gadget” que se

encuentra ubicado en los marcos distribuidos a lo largo de la página.

Widget para blogger

Existen páginas que te permiten crear y distribuir tus propios widget y promocionar tus feeds RSS. Publica fácilmente tus contenidos web y distribúyelos a tu comunidad de

manera viral. Tus lectores estarán informados en tiempo real de todos tus últimos posts a través de tu propio widget personalizado.

Blogger admite widget en los blogs

Los widget te permiten ver y seguir las estadísticas de tus feeds en cualquier momento. Conocerás cuántas veces te han visitado, en qué redes, países; además sabrás con

detalle: crear y personalizar tu lector de feeds RSS y tus widgets personalizados.

Simplifica la creación de tus widgets:

Difunde tus contenidos en las redes sociales, los blogs y portales Web. Es muy fácil y rápido, podrás crear tu widget en pocos minutos. Si ya tienes tu widget Flash o

JavaScript, publícalo en un portal como Blogger y dalo a conocer.

Pon tu contenido: texto, imagen, vídeo, animaciones: Es muy fácil y rápido con nuestro asistente Web. Crea automáticamente el widget con opciones que permiten a los

usuarios compartir y otras muchas cosas que puedes hacer.

Page 22: Aprende a diseñar tu blog paso a paso Crea una Cuenta de ...cursa.ihmc.us/rid=1306652365710_495507136_26562/Aprende a diseñar...hace adaptables a cualquier materia, asignatura y

Cambiar el contenido de un gadget o Complemento

Haga clic en el vínculo “Editar” que aparece en el cuadro que pertenece al gadget que usted desea modificar y perfeccione o corrija el contenido del complemento.

Cambie el título y el contenido, algunos gadget o complemento, poseen un pié de página

puede cargar imágenes o añadir vínculos o enlaces a otras páginas Web.

Para mostrar los cambios haga clic en el botón “Guardar”. Si no pretende conservar las modificaciones, haga clic en el botón “Cancelar” para cerrar y deshacer los últimos

cambios.

Cuando efectúe las mejoras pertinentes al contenido del gadget o complemento podrá apreciar una vista preliminar haciendo clic en el vínculo “Vista previa”.

Eliminar un gadget o Complemento

Haga clic en el botón “Eliminar” que aparece en la parte inferior de un complemento,

agregado recientemente y confirme que desea suprimir el gadget.

Page 23: Aprende a diseñar tu blog paso a paso Crea una Cuenta de ...cursa.ihmc.us/rid=1306652365710_495507136_26562/Aprende a diseñar...hace adaptables a cualquier materia, asignatura y

Añadir y organizar los elementos de la página del blog

Reorganizar los elementos de la página consiste en arrastrar los elementos ya existentes en la página. Añade y sitúa los elementos en el panel lateral de la página.

También puedes utilizar el panel superior e inferior de la página en el panel de diseño. Distribuye los elementos de la página haciendo clic con el mouse.

Arrastrar y soltar El sencillo sistema de arrastrar y soltar de Blogger te permite decidir con facilidad dónde

quieres ubicar tus entradas, perfiles, archivos y otras secciones del blog dentro de la página.

La manera más rápida de entender ¿Cómo funcionan los blogs? Es utilizándolos. Nos

hemos esforzado para simplificar al máximo su uso.

Page 24: Aprende a diseñar tu blog paso a paso Crea una Cuenta de ...cursa.ihmc.us/rid=1306652365710_495507136_26562/Aprende a diseñar...hace adaptables a cualquier materia, asignatura y

Editar el modelo de la plantilla del blog

Blogger ha incorporado una opción que ofrece un mejor y más variado surtido de plantillas. En el panel de “Diseño” podemos observar que se ha agregado una pestaña

llamada “Diseñador de Plantillas”.

En la página de publicación de Blogger haga clic en el vínculo “Diseño” que se

encuentra en la “Barra de navegación”.

También puede accesar esta opción desde el Escritorio de Blogger. Haga clic en el vínculo con el nombre “Diseño” que aparece al lado del título del blog.

En la sección de “Diseño” haga clic en el vínculo: “Diseñador de plantillas” que

aparece en la parte superior de la página, en la barra de botones.

Page 25: Aprende a diseñar tu blog paso a paso Crea una Cuenta de ...cursa.ihmc.us/rid=1306652365710_495507136_26562/Aprende a diseñar...hace adaptables a cualquier materia, asignatura y

Diseñador de Plantillas de Blogger

Google ha incorporado nuevas plantillas a Blogger haciendo uso de la tecnología más moderna en cuanto a desarrollo Web y que está al alcance de los usuarios de la

plataforma de blog. Estas nuevas plantillas de estética moderna son muy cómodas a la hora de visualizar las Web y mejoran bastante el uso de cualquier Web.

Selecciona una plantilla de la colección, presiona las flechas que aparecen adyacentes,

haga clic sobre la plantilla de su preferencia. Puedes seguir editando tu elección con la combinación de formatos de color y fuente, que se presentan desplegados en fila.

Cada una de las muestras de plantillas almacenadas en la lista, tiene un formato de

edición único que le permite al usuario reemplazar o modificar algunos elementos y conservar las alteraciones compuestas para la publicación del contenido en la página del

blog para ser leído posteriormente por un grupo muy variado de personas.

Añade un toque personal a tu blog, escoge nuevos diseños de plantillas que realmente

reúnan las características que los lectores buscan para que ellos puedan apreciar con mayor distinción los temas que han sido puestos a la vista del público en la página de

publicación de Blogger.

Para aplicar un fondo al contenido del blog, es ideal que el usuario haga uso de las

herramientas que Blogger pone a su disposición. Personalizar cada aspecto que tenga

relevancia para el autor es ahora una tarea fácil, ya que con un solo clic se puede hacer la elección de la plantilla adecuada para la publicación y seguir modificándola hasta

alcanzar la obra final.

Page 26: Aprende a diseñar tu blog paso a paso Crea una Cuenta de ...cursa.ihmc.us/rid=1306652365710_495507136_26562/Aprende a diseñar...hace adaptables a cualquier materia, asignatura y

Fondo de imagen para Blogger

En la lista de “Fondo” del “Diseñador de plantillas” haga clic en el bloque con el nombre “Imagen de fondo” para cambiar la imagen de la publicación, busque entre la

colección de imágenes, haga clic en una imagen que combine con el resto de la página.

Haga clic en el botón que aparece en el lado superior derecho del bloque de

imágenes para aumentar o disminuir el tamaño de la ventana.

Si ninguna imagen cuenta con la suficiente apariencia para conquistar sus gustos, haga

clic en el botón “Subir imagen” para buscar una imagen de su preferencia en el ordenador y subirla a Blogger para utilizarla como imagen de Fondo de la publicación.

Page 27: Aprende a diseñar tu blog paso a paso Crea una Cuenta de ...cursa.ihmc.us/rid=1306652365710_495507136_26562/Aprende a diseñar...hace adaptables a cualquier materia, asignatura y

Opciones de diseño del cuerpo y pie de página

Elige entre las opciones el mejor diseño para la columna y el pie de página en la publicación del blog. Utiliza los bloques ubicados a ambos lados de esta sección.

Cambia el ancho de la columna y el ancho del blog

Desliza las barras hacia ambos lados para aumentar o disminuir el ancho de la columna

y el ancho de toda la página de la publicación. Si no quedaste satisfecho con los cambios

hechos a la plantilla, presiona el enlace en la parte inferior del cuadro llamado:

Page 28: Aprende a diseñar tu blog paso a paso Crea una Cuenta de ...cursa.ihmc.us/rid=1306652365710_495507136_26562/Aprende a diseñar...hace adaptables a cualquier materia, asignatura y

Formato del texto de la publicación

Cambia Fuente y el tamaño del texto, dispón de las herramientas de color y estilo para hacer que los elementos de la página tomen brillo.

Una vez culminada la tarea de diseño de las partes del blog que componen la página de la publicación, haga clic en el botón “Aplicar al blog” que aparece en la parte superior

derecha de la banda .

Haga clic en el botón “Guardar” para conservar los cambios en el panel de “Diseño” de la página del blog.

Haga doble clic en el botón que aparece a continuación para abrir el contenido de la

siguiente información adicional en formato (PDF).

Haga doble clic en el

botón para abrir.

Diseñador de plantillas.pdf

También puede aplicar cambios a la plantilla desde el panel de edición HTML. En la

sección de “Diseño” haga clic en “Edición HTML”.

Page 29: Aprende a diseñar tu blog paso a paso Crea una Cuenta de ...cursa.ihmc.us/rid=1306652365710_495507136_26562/Aprende a diseñar...hace adaptables a cualquier materia, asignatura y

Añadir nuevas entradas a la publicación

Desde la página de publicaciones haga clic en el vínculo “Nueva entrada” de la barra de navegación.

También puede añadir una nueva entrada haciendo clic en el botón “Creación de entradas” de la sección “Diseño” de la página de Blogger.

Redacte una nueva entrada o haga clic en el vínculo “Editar entrada”. En el “Escritorio” de Blogger haga en el vínculo “Editar entradas” que se encuentra al

lado del nombre del blog para modificar o agregar más información al contenido de la entrada que usted desea publicar.

Comentarios del Blog

Los lectores pueden hacer comentarios útiles y oportunos en cualquiera de las entradas de tu blog de forma sencilla.

Page 30: Aprende a diseñar tu blog paso a paso Crea una Cuenta de ...cursa.ihmc.us/rid=1306652365710_495507136_26562/Aprende a diseñar...hace adaptables a cualquier materia, asignatura y

Las Páginas de una publicación

Las páginas de Blogger te permiten publicar información permanente en páginas independientes a las que se puede acceder desde el blog mediante un enlace. Por

ejemplo, puedes utilizar las páginas para crear una publicación de blog nueva que trate sobre un tema de interés y para proporcionar direcciones, un número de teléfono y un

mapa para llegar a tu ubicación.

Puedes crear una página de forma similar a como redactas la entrada de un blog. Ve a Blogger en borrador, haga clic en Nueva entrada | Editar páginas y, a

continuación, en Página nueva. (Nota: puedes crear hasta 10 páginas).

Una vez se haya publicado la página, puedes añadir un enlace a ésta con el nuevo widget Páginas. El widget Páginas permite añadir enlaces a las páginas en forma de

pestañas en la parte superior del blog o como enlaces en la columna lateral. (Nota: las

plantillas de terceros podrían no admitir las páginas como pestañas pero, en todo caso, se pueden añadir como enlaces en la columna lateral del blog).

Con el widget Páginas, puedes decidir qué páginas contendrán enlaces y en qué orden

aparecerán. También puedes decidir si deseas que se creen enlaces de las páginas de forma automática cuando las crees. Para ello, marca o desmarca la casilla que se

encuentra a la izquierda de Añadir páginas nuevas de forma predeterminada.