Aprender a crear su primera web con 100 ejercicios prácticos

© 2013 MEDIAactive

Primera edición, 2009

© 2013 MARCOMBO, S.A.

Gran Via de les Corts Catalanes, 594

08007 Barcelona

www.marcombo.com

En coedición con:

© 2013 ALFAOMEGA GRUPO EDITOR, S.A. de C.V.

C/ Pitágoras 1139 - Colonia del Valle

03100 - México D.F. (México)

www.alfaomega.com.mx

Diseño de la cubierta: NDENU DISSENY GRÀFIC

«Cualquier forma de reproducción, distribución, comunicación pública o transformación de esta obra sólo puede ser realizada con la autorización de sus titulares, salvo excepción prevista por la ley. Diríjase a CEDRO (Centro Español de Derechos Reprográficos, www.cedro.org) si necesita fotocopiar o escanear algún fragmento de esta obra».

ISBN por Marcombo: 978-84-267-2021-4

Presentación

APRENDER A CREAR SU PERIMERA WEB CON 100 EJERCICIOS PRÁCTICOS

100 ejercicios prácticos resueltos que conforman un recorrido por el proceso de creación de una página web gratuita con los servicios Blogger, WordPress.com y Facebook. Además, le permitirán aprender a reforzar su plan comunicación utilizando servicios como Twitter, Instagram, Pinterest y Foursquare, que permiten crear vínculo, fortalecer su marca y establecer relaciones con clientes reales y potenciales. Si bien es imposible recoger en las páginas de este libro todas las posibilidades de las redes sociales, hemos escogido aquellas que resultan fundamentales para los pequeños negocios que desea dar un paso adelante en la Web 2.0. Una vez realizados los 100 ejercicios que componen este manual, el lector será capaz de comunicarse de forma sólida y coherente en el entorno de las redes sociales.

LA FORMA DE APRENDER

Nuestra experiencia en el ámbito de la enseñanza nos ha llevado a diseñar este tipo de manual, en el que cada una de las funciones se ejercita mediante la realización de un ejercicio práctico. Dicho ejercicio se halla explicado paso a paso y pulsación a pulsación, a fin de no dejar ninguna duda en su proceso de ejecución. Además, lo hemos ilustrado con imágenes descriptivas de los pasos más importantes y de los resultados que deberían obtenerse, y con los recuadros IMPORTANTE, que ofrecen información complementaria sobre los temas tratados en los ejercicios.

Gracias a este sistema se garantiza que una vez realizados los 100 ejercicios que componen el manual, el usuario será capaz de desenvolverse cómodamente con las herramientas más populares de las redes sociales y sacar el máximo partido de sus múltiples prestaciones.

A QUIÉN VA DIRIGIDO EL MANUAL

Este libro está destinado a profesionales que trabajan de forma independiente y quieren promocionar su trabajo, así como pequeños negocios que desean darse a conocer y establecer nuevas formas de comunicación. Hace especial énfasis en el proceso de creación de las páginas web (en formato blog), así como la vinculación de las páginas con otras redes sociales y el uso de éstas últimas con una finalidad comercial. Si usted ya es usuario de las redes sociales a nivel personal, le resultará muy útil para consultar determinados aspectos específicos y conocer interesantes trucos para sacarles el máximo provecho.

Aunque cada ejercicio está tratado de forma independiente, le recomendamos seguir el orden del libro, puesto que en muchos de ellos se trabaja de forma progresiva y secuencial en una misma página o perfil. Además, hemos agrupado aquellos ejercicios con temática común. De cualquier manera, los ejercicios son independientes y si necesita realizar una consulta puntual, podrá dirigirse al ejercicio en el que se trata el tema y llevarlo a cabo sobre su propio proyecto.

CÓMO CREAR SU PRIMERA PÁGINA WEB

Este manual le permitirá crear un blog con dos de los servicios gratuitos líderes a nivel mundial: Blogger y WordPress.com. Podrá añadirle nuevas páginas para formar una verdadera página estructurada, personalizar su aspecto, añadirle aplicaciones o widgets a su conveniencia y publicar todo tipo de contenidos.

Aprenderá además a utilizar Facebook como todo un profesional, podrá convertir su perfil personal en una página comercial, crear anuncios publicitarios, promover eventos y contar la biografía de su negocio a partir de textos y contenidos multimedia de toda clase.

Se hará adicto a la inmediatez en 140 caracteres de Twitter, y podrá compartir su cotidianidad con las imágenes espectaculares de Instagram, armar una imagen corporativa utilizando Pinterest y dar a conocer su negocio con Foursquare. Además, podrá hacer uso de todas estas herramientas desde su teléfono móvil.

Cómo funcionan los libros “Aprender…”

Índice

001 Paseo por los diferentes recursos de la Web 2.0

002 Crear una cuenta en Blogger

003 Crear un blog en Blogger

004 Crear el primer post en Blogger

005 Editar una entrada de Blogger (I)

006 Editar una entrada de Blogger (II)

007 Crear vínculo a una página web

008 Agregar una imagen a una entrada

009 Cargar fotografías desde el móvil

010 Publicar un vídeo desde Youtube

011 Insertar archivo de vídeo en una entrada

012 Publicar un vídeo de YouTube en tu blog

013 Cambiar fecha y hora, y agregar ubicación

014 Añadir etiquetas a las entradas

015 Crear una lista de etiquetas

016 Consultar y configurar estadísticas de tu blog

017 Aplicar una vista dinámica de Blogger

018 Modificar las plantillas dinámicas

019 Modificar código CSS de plantilla dinámica

020 Recuperar plantilla y editar plantilla estática

021 Configurar comentarios

022 Administrar comentarios

023 Añadir páginas a tu blog de Blogger

024 Controlar los feeds de tu blog

025 Activar FeedBurner como gestor de Feeds

026 Añadir gadgets más relevantes al blog

027 Publicar sin Blogger

028 Invitar a nuevos autores y administradores

029 Crear blog y perfil en WordPress.com

030 Publicar una página en WordPress.com

031 Crear y borrar una entrada en WordPress

032 Editar imagen e insertar vínculo

033 Usar publicación rápida y alinear una imagen

034 Copiar un texto desde otro procesador

035 Atributos de página y Copiar página

036 Pedir opinión antes de publicar

037 Modificar opciones de pantalla

038 Comparar revisiones y personalizar pantalla

039 Configurar y gestionar comentarios

040 Utilizar el módulo Zemanta

041 Crear una galería de fotos en una página

042 Editar galería y crear pase de diapositivas

043 Subir fotos y vídeos desde Flickr

044 Publicar en blog fotos y vídeos de Flickr

045 Publicar vídeos de Vimeo y YouTube

046 Crear una encuesta

047 Editar una encuesta

048 Insertar formulario de contacto

049 Editar formulario de contacto

050 Activar y configurar calificaciones

051 Escoger el tema adecuado para su blog

052 Personalizar un tema

053 Agregar widgets

054 Crear un menú

055 Otras formas de modificar apariencia

056 Configurar la apariencia en móviles

057 Configurar la apariencia para iPad

058 Previsualizar aspecto en dispositivos móviles

059 Publicar desde el móvil. WordPress for iOS

060 Crear una entrada desde un iPhone

061 Gestionar comentarios desde un iPhone

062 Publicar con la función Foto rápida del iPhone

063 Publicar esto o crear entradas en un clic

064 Publicar por correo electrónico

065 Configurar publicación por correo electrónico

066 Controlar ajustes de escritura y lectura

067 Invitar a otros usuarios

068 Gestionar de mensajes de un colaborador

069 Analizar estadísticas (I)

070 Analizar estadísticas (II)

071 Migrar de Blogger a WordPress.com

072 Importar blog de Blogger directamente

073 Crear un perfil de Twitter

074 Personalizar plantilla del perfil de Twitter

075 Seguir en Twitter

076 Twittear y mencionar

077 Retwittear y usar hashtags

078 Responder, crear listas y usar mensajes directos

079 Twittear desde el móvil

080 Publicar una encuesta en Twitter (I)

081 Publicar una encuesta en Twitter (II)

082 Mostrar últimos tweets en tu blog

083 Crear tu propio widget de Twitter

084 Crear una cuenta en Facebook

085 Configurar perfil y comenzar a interactuar

086 Configurar su cuenta y su información

087 Actualizaciones de estado en su biografía

088 Publicar fotos y vídeos

089 Convertir su perfil en una página pública

090 Gestionar página con varios administradores

091 Crear un anuncio

092 Gestionar fotos en su página

093 Promocionar un evento por Facebook

094 Gestionar tu página de Facebook desde iPhone

095 Acceder a las estadísticas

096 El día a día en fotos con Instagram

097 Configurar cuenta y perfil de Instagram

098 Utilizar Foursquare

099 Expresarse a través de imágenes de Pinterest

100 Sacar máximo provecho a las redes

001
Paseo por los diferentes recursos de la Web 2.0

LAS REDES SOCIALES HAN CAMBIADO la forma en la que nos comunicamos. Se trata de herramientas poderosas, que pueden ser gratuitas, y están disponibles para pequeños negocios y profesionales que ejercen por cuenta propia y quieren promocionar su trabajo. En esta primera lección daremos una pequeña introducción a las más importantes hoy en día.

IMPORTANTE

Saque máximo provecho a las redes, eso sí: siga a otros usuarios antes de comenzar a publicar en cualquiera de ellas: así conocerá el lenguaje apropiado para el medio. Domine una red antes de pasar a la siguiente, vincúlelas pero publique contenido adecuado para cada una y mantenga una imagen coherente en lo que a colores, tonos, e incluso terminología, se refiere.

1 Una variedad de servicios le permiten crear páginas gratuitas con un relativo nivel de personalización, sin exigir elaborados conocimientos técnicos. Los blogs tienen un enorme potencial para atraer nuevos usuarios o clientes, ganar notoriedad y comunicar nos con un público externo y clientes potenciales. En este manual aprenderá a crearlos y gestionarlos usando Blogger y WordPress.com, aunque también existen otros servicios similares y con menos prestaciones como Bitácoras (http://bitacoras.com/bitacorae), OboLog (http://www.obolog.com), OverBlog (http://es.over-blog.com/) o Blogia (http://www.blogia.com/). Cuando desee dar un paso adelante en la programación de su blog, querrá contratar alojamiento propio. Para ello puede migrar su blog a Wordpress.org.

2 Las redes de sociales o social media, por su parte, nos ayudan a promocionar servicios y productos e interactuar con clientes. Entre las redes de ocio, utilizadas para entretenimiento y establecimiento de relaciones sociales, Facebook es la líder actual, aunque no hay que dejar de considerar otras como la española Tuenti, que cuenta con 14 millones de usuarios y experimenta un gran crecimiento, y está centrada en el publico más joven (menor de 35 años) o perder de vista a Google+, que intenta ganarle terreno a Facebook. Para las empresas éste tipo de redes sociales suponen un excelente medio para crear vínculos con usuarios y seguidores, difundir información o compartir vídeos y fotografías.Tuenti es actualmente propiedad de Movistar.Google+ dirige todos sus esfuerzos a imponerse sobre Facebook.

3 En cuanto al llamado microblogging, actualmente casi tiene nombre propio y definitivamente éste es Twitter, la red de los 140 caracteres, aunque también existen otras opciones como Tumblr, que es un híbrido que permite compartir contenidos multimedia, propios y de otros, o Pinterest, que está enfocado sobre todo a la comunicación a través de la imagen.

4 Si desea explotar la publicación de material multimedia, considere el uso de páginas como Flickr y, de nuevo, Pinterest para compartir fotografías; Instagram si quiere contar el día a día en fotos y Youtube, además de Vimeo y Blip TV, para compartir vídeo.

5 Si ofrece su servicio o producto en una sede física, no puede dejar de lado las llamadas redes de proximidad, entre las cuales destacamos a Foursquare, con la cual trabajaremos en este manual, Yelp o Google Places, que le ayudará a aparecer en búsquedas de Google Maps.Tumblr es considerada una herramienta de microblogging, aunque realmente no tiene otro límite de caracteres que el que imponen los usuarios.

IMPORTANTE

Si desea fortalecer sus relaciones profesionales, promocionar su trabajo y ponerse al día, no puede dejar de tener un perfil en una red profesional. El ejemplo más claro en Linkedin, líder en este terreno, aunque Xing está muy bien posicionado en ciertos sectores.

002
Crear una cuenta en Blogger

IMPORTANTE

Blogger fue creado en 1999 y en 2003 fue adquirida por Google, lo que le dio un nuevo e innegable impulso. Actualmente permite cargar fotografías y vídeos, personalizar las plantillas prediseñadas que ofrece y publicar desde el móvil. Además, incluye estadísticas sobre las visitas al blog y a cada uno de sus post, lo que le permite al usuario analizar el comportamiento de sus lectores y refinar sus estrategias de comunicación, entre muchas otras cosas.

BLOGGER, YA LO HEMOS DICHO, es un servicio gratuito y muy intuitivo que permite crear, publicar y gestionar tu propia página personal o blog de la forma más sencilla, inmediata y eficaz posible. En los próximos ejercicios veremos cómo crear un blog en Blogger y, desde luego, cómo sacarle el máximo partido.

1 Para crear un blog en Blogger, lo primero que necesitará será una cuenta de Google. Si no la tiene, hágala ahora. Acceda a la página de registro de Blogger (www.blogger.com), pulse el botón Crear cuenta y rellene el fichero de la página Crea tu cuenta de Google. La misma cuenta le servirá para Gmail, Google+, YouTube y más. Si ya tiene una cuenta Google, acceda con ella, también desde la página de Blogger. Si ya tiene una cuenta de cualquier servicio de Google, no necesita una nueva.

2 La página de bienvenida de Blogger muestra una vista previa de su perfil, que aparecerá en todos los productos Google y en la Web. Pulse el vínculo con el texto Ver todo mi perfil.

3 Si desea cambiar alguna de las imágenes, sólo tiene que colocar el puntero del ratón sobre la misma y pulsa en el vínculo que se muestra. Hágalo con la foto de perfil, que está del lado derecho.

4 Al acercar el ratón, efectivamente aparece el texto Change profile picture, y al hacer clic en él se abre el cuadro Select profile photo, aún en inglés, que le permite subir una fotografía del escritorio (usando la opción Upload), escoger una imagen de sus álbumes (Your Photos), de fotos en las que se encuentre etiquetado (Photos of you) o hacer una foto nueva (Web camera).

5 Para este ejercicio, simplemente abra una ventana del explorador de su equipo y arrastre la imagen que desea establecer como foto de perfil hasta el cuadrante central, donde puede leer el texto Drag a photo here y, cuando se cargue la imagen, pulse el vínculo Creative kit.

6 Desde aquí puede editar su foto de perfil. Pulse en la opción Crop, que activa una cuadrícula de recorte, y seleccione arrastrando sus esquinas, el área de la foto que desea utilizar, y al terminar pulse el botón Apply.

7 Observe que cuenta con cuatro pestañas que le permiten activar distintas opciones. Pulse en la llamada Effects y, si así lo desea, aplique alguno de ellos. Una vez aplicado puede modificarlo usando sus controles. Al terminar aplique y pulse el botón Save this image, que está en la esquina superior derecha. Ajuste si hace falta el área de recorte y pulse el botón Set as Profile Photo para guardarla.

8 Se abre un cuadro de diálogo donde puede añadir un texto para compartir en la red. Para este ejercicio pulse el botón Cancel.

9 Cierre también la ventana del perfil, donde ahora podría añadir algún comentario y, en la página de bienvenida de Blogger, pulse el botón Continuar en Blogger.

003
Crear un blog en Blogger

IMPORTANTE

El escritorio de Blogger muestra una interfaz limpia y ágil, sumamente intuitiva y llena de cómodos accesos directos a las acciones más importantes del servicio. El apartado Lista de lectura, además, le ayuda a estar al día, pues muestra las noticias mas recientes de los blogs que sigue. Así, cada vez que acceda a Blogger, podrá saber qué hay de nuevo con una sola mirada.

UNA VEZ HA CONFIGURADO SU PERFIL Google, puede crear un blog en exactamente tres pasos. Sólo tiene que pulsar en el botón Nuevo Blog del Escritorio de Blogger, introducir un título y una dirección que esté disponible, escoger un tema y pulsar el botón Crear blog.

1 La página que dejó en pantalla al acabar el ejercicio anterior es el Escritorio de Blogger. En un primer apartado, que ahora indica que no tiene ningún blog, se creará una lista de sus blogs. El segundo apartado, llamado Lista de lectura, reunirá los blogs que usted siga. Puede editar su configuración, añadir nuevos blogs y administrar la lista. Para ello deberá pulsar en el botón con icono de tuerca que se encuentra en el lado derecho de su cabecera. Por defecto se ha añadido el blog Blogger Buzz, el blog del servicio Blogger, que le permite al usuario estar al tanto de las novedades del servicio. Pulse el botón Nuevo blog, del primer apartado, para crear su primer blog ahora.Una vez ha creado o editado su perfil de Google, puede crear su primer blog.

2 Para comenzar, debe asignar un título al blog, que es el que se mostrará en la cabecera de la página (y no es lo mismo que la dirección). Piénselo bien, ya que será su carta de presentación, pero tenga en cuenta que podrá cambiarlo más adelante por otro, y introduzca el nombre escogido en el campo en cuestión.

3 Ahora, en el segundo campo, sí que debe indicar la dirección con la cual su blog podrá ser ubicado desde cualquier navegador. Tenga en cuenta que de ser fácil de recordar y, consejo personal, evite utilizar signos. Si la web actuará como canal de comunicación de algún negocio, utilice el nombre de éste como parte de la dirección. Compruebe que a medida que va escribiendo el texto, un aviso le indica si esta dirección está disponible o ya es utilizada por otro blog. Para poder utilizar una dirección, debe aparecer el texto Esta dirección de blog está disponible.

4 Cuando haya dado con una dirección disponible que le agrade, seleccione una de las plantillas que ofrece el servicio. Aunque en este primer cuadro de diálogo sólo se ofrecen unas pocas opciones, tal como se indica al pie del cuadro, más adelante podrá escoger entre muchas más plantillas y, además, podrá personalizar las plantillas prediseñadas.

5 Una vez haya seleccionado una plantilla, simplemente pulse el botón Crear blog.

Se muestra de nuevo el escritorio de Blogger donde en efecto ya se encuentra el blog creado, que evidentemente y, tal como se indica, aun no tiene ninguna entrada.

El escritorio de Blogger permite acceder fácilmente a todos los blogs del usuario, así como gestionarlos y administrar también las entradas de cada uno de ellos. De momento, mientras no haya publicado ninguna entrada, está vacío.

004
Crear el primer post en Blogger

BLOGGER DISPONE DE UN EDITOR de texto diseñado para introducir los textos en línea, aunque más adelante veremos que hay otros métodos para subir un artículo. Si lo prefiere, también puede introducir los textos en cualquier otra aplicación de su preferencia y pegarlos en el editor de Blogger para luego publicarlo.

1 Ya ha creado un blog y llega la hora de comenzar a añadirle contenidos. Tiene de momento un par de opciones para hacerlo. Pulsando en el vínculo que muestra el texto Empezar a publicar entradas o pulsar en el botón Crear una nueva entrada, que es de color anaranjado y muestra un icono de lápiz. Utilice cualquiera de los dos vínculos ahora. En el escritorio se muestran todos los blogs creados desde el perfil activo.

2 Se abre el Editor de entradas de Blogger, que es un sencillo editor de texto con el que iremos trabajando en mayor profundidad en los próximos ejercios. De momento, pulse en el campo Título de entrada e introduzca el texto que usará como título de su post. Antes de publicar un artículo, puede mostrar su vista previa y hacer los ajustes que haga falta.

3 Ahora, en el campo de escritura, redacte algún párrafo de prueba.

4 Para visualizar cómo se mostrará el contenido, pulse el botón Vista previa.

5 Se abre una nueva ventana de previsualización del blog, que muestra exactamente la apariencia que tendrá el artículo al ser publicado pero, tal como indica una cinta, se trata sólo de una vista previa pues el artículo aún no ha sido publicado. Cierre la ventana para volver al editor de entradas.Puede cortar, copiar y pegar contenidos usando los tradicionales atajos de teclado o usando las opciones correspondientes del menú Editar del navegador.

6 También puede perfectamente copiar en el editor un texto escrito en cualquier aplicación. Descargue para este ejercicio desde nuestra web el archivo Nos nutre lo que digerimos.docx, que es un documento de Word y ábralo en pantalla, o utilice para el mismo fin algún documento de texto en el que se combinen diferentes estilos (negritas, cursivas, etc).

7 Seleccione y cópielo, de principio a fin, y vuelva al editor de Blogger.

8 Seleccione el párrafo de prueba que había introducido pasos atrás y pegue sobre él el texto copiado, ya sea usando el comando Ctrl.+V o la opción Pegar del menú Edición del navegador. Al copiar un texto desde Word, se conservan los atributos de texto, aunque el código puede contener errores.

9 Observe que el texto se pega conservando los atributos originales, aunque no la fuente. Vamos ahora a publicarlo. Directamente pulse el botón Publicar.

10 Una vez se ha cargado el artículo, se abre una ventana que invita al usuario a compartirlo con contactos de Google, a algún círculo o con una dirección de e-mail. Para este ejercicio pulse simplemente el botón Cancel.

IMPORTANTE

Al publicar un post en Blogger, tiene la posibilidad de compartirlo directamente en Google+ (la red social de Google) o a través de correo electrónico.

005
Editar una entrada de Blogger (I)

UNA VEZ HA PUBLICADO UNA ENTRADA en un blog, puede volver a abrirla en el Editor de entradas de Blogger. Sólo tiene que acceder a la ficha Entradas e indicar que desea editarla. De este modo tendrá de nuevo acceso a todas las herramientas de edición de esta página. En este ejercicio trabajaremos con algunas de ellas.

IMPORTANTE

El Editor de textos de Blogger usa por defecto el modo WYSIWYG del inglés What you see is what you get (algo así como lo que ves es lo que obtienes). En este modo el aspecto del texto, así como el de las imágenes o vídeos que pudiera insertar en él, es muy cercano a la apariencia final que tendrá el material una vez publicado.

1 Al publicar un artículo, Blogger le envía de nuevo a su Escritorio. Pulse sobre el vínculo que señala el número de entradas, que ahora debe ser 1.

2 De este modo puede acceder a la ficha Entradas donde puede ver el título de la que creó en el ejercicio anterior. Coloque el puntero del ratón sobre el nombre de la misma.

3 Aparecen de este modo cuatro opciones principales que son Editar, Visualizar, Compartir y Suprimir. Pulse sobre la primera.

4 Se encuentra de este modo de nuevo en el Editor de entradas de Blogger, donde ahora puede realizar cualquier modificación. Para comenzar, seleccione y elimine el título del bloque de texto principal, pues se repite. Elimine también la línea que lo contiene.

5 Despliegue el menú Editar y escoja la opción Seleccionar todo. El botón Elimine el formato efectivamente borra todos los estilos o atributos aplicados al texto.

6 También podría haber usado el atajo de teclado que aparece junto a la opción. Pulse ahora en el botón Elimine el formato, que es el último de la paleta de herramientas del Editor y muestra una T subrayada con una pequeña X.

7 Pulse en la punta de flecha del botón Fuente, que muestra una letra F para desplegar sus opciones y ver los estilos de fuentes disponibles.

8 Escoja la opción Fuente predeterminada, para aplicar la que usa por defecto el tema que está utilizando.

9 Seleccione el primer párrafo y pulse en la punta de flecha del botón siguiente, que es Tamaño de la fuente, y escoja la opción Grande.

10 El texto cambia de tamaño. Pulse el botón Deshacer, cuyo icono es una flecha curva que señala hacia la izquierda.

11 Despliegue ahora el menú que muestra seleccionada la opción Normal, también en la Barra de herramientas.

12 Se trata del menú Formato y aplica un conjunto de estilos preestablecidos. Escoja el llamado Encabezado, observe el cambio y, para acabar el ejercicio, pulse el botón Restablecer a borrador, de la cabecera del editor, y luego el botón Cerrar.

006
Editar una entrada de Blogger (II)

AL RESTABLECER UNA ENTRADA A BORRADOR, ésta deja de estar accesible para otros y se guarda en la carpeta de Borradores de Blogger. Puede acceder a ella de nuevo y continuar la edición cuando quiera, usando las herramientas disponibles.

IMPORTANTE

Lamentablemente Blogger no funciona bien en cualquier navegador. Para la fecha en la que estamos preparando este libro, funciona correctamente con Google Crome en cualquier sistema operativo, con Safari 4 en MAC OSX, con Internet Explorer 8 y 9 en Windows XP o 7 y superior, o con Firefox 3,6 o superior en todas las anteriores, pero no en MAC OSX 10.3.9 o inferior.

1 Al acabar el ejercicio anterior, probablemente la aplicación habilitó la pestaña de Estadísticas de Blogger. Pulse, en el panel del lado izquierdo sobre la pestaña Entradas.

2 Efectivamente la entrada está marcada ahora en estado de Borrador. Pulse sobre su nombre para volver directamente al Editor de entradas.

3 Vamos a continuar conociendo las otras herramientas del Editor. A continuación del menú Formatos, cuenta con un bloque con las típicas herramientas de atributos de texto: Negrita, Cursiva, Subrayado, Tachado. Seleccione el primer párrafo, elimine el estilo Negrita, si lo tiene, pulsando sobre su icono (B), y aplique cursivas pulsando en su botón (I).

4 También puede utilizar cualquiera de estas herramientas de atributos para destacar palabras puntuales de su texto, lo que le brindará agilidad a su lectura. Hágalo ahora aplicando negritas o cursivas según sus preferencias. Recuerde que, como en cualquier procesador de texto, debe seleccionar el texto a modificar primero y luego pulsar el botón.

5 También puede destacar un texto utilizando las herramientas que se encuentran a continuación: Color de texto y Color de fondo de texto. Cada una de ellas cuenta con su propia paleta de colores. Seleccione alguna de las palabras en negritas, pulse en el botón Color de texto, que muestra una T subrayada, para desplegar su muestrario, y escoja el color que prefiera.

6 Deseleccione el texto y compruebe que efectivamente el texto adquiere el color indicado. Repita el proceso pero aplique ahora un color de fondo de texto.

7 El siguiente bloque de herramientas lo utilizaremos más adelante. Pulse ahora Ctrl.+A para seleccionar todo el artículo y, pulse ahora el botón desplegable Alineación, el primero del grupo que le sigue.

8 Escoja la opción que prefiera, pero tenga en cuenta que para un artículo es preferible dejar la alineación hacia la izquierda o la justificada, que es la última.

9 Los dos botones que vienen a continuación sirven para crear una lista numerada o con viñetas y el siguiente, para crear una cita. Seleccione alguno de los párrafos y pulse sobre ella.

10 Cambia la alineación y los márgenes automáticamente. Finalmente pulse el botón Publicar y cancele el cuadro Share on Google+.

Al aplicar el formato de cita, se modifica el estilo del párrafo: los márgenes laterales aumentan y la alineación, por defecto, es hacia la izquierda.

007
Crear vínculo a una página web

LA BARRA DE HERRAMIENTAS DE BLOGGER también le permite crear sobre el texto un vínculo a otra página web, a otra entrada del mismo blog o, incluso, a una dirección de correo electrónico.

1 Para este ejercicio, descargue de nuestra web el documento La digestión comienza en la boca.docx y ábralo. Lo utilizaremos en breve.

2 De nuevo en Blogger, coloque el cursor sobre el nombre de la entrada que creó en el ejercicio anterior y, de las tres opciones que se muestran escoja la opción Visualizar.

3 Se abre de este modo una nueva ventana donde puede visualizar la entrada de su blog. Tal vez se lleve una sorpresa con el texto, que luce diferente a como lo veía en el Editor, sobre todo el tipo de fuente y el encabezado. Tome nota de las diferencias y, si así lo desea, aplique algún cambio por su cuenta.

4 Deje la ventana abierta pero traiga a primer plano la anterior, abierta en la ficha Entradas, y pulse a continuación el botón Entrada nueva. No importa cuál sea la ficha de Blogger activa, el botón Entrada nueva está siempre disponible.

5 Seleccione y copie el texto principal del documento descargado (u otro que prefiera) y péguelo en el cuerpo de la entrada.

6 Haga lo mismo con el título de la entrada.

7 Ahora crearemos un enlace en esta entrada, que nos lleve precisamente a la entrada anterior. En el texto del artículo podrá ver las palabras se dificulta la digestión en negritas. Selecciónelas y pulse el botón Enlace, de la barra de herramientas.

8 Se abre el cuadro de diálogo Editar enlace. En el campo Texto para mostrar se ve el texto que seleccionamos previamente y, tal como necesitamos, está seleccionada por defecto la opción Dirección web. Ahora lo que tenemos que hacer es copiar en el campo ¿A qué dirección URL debería enviar este enlace? la dirección de la entrada anterior. Regrese a la ventana que dejó abierta en segundo plano, copie su texto y luego péguelo en el mencionado campo.

9 Pulse en la casilla de verificación de la opción Abrir este enlace en una ventana nueva, para que al usar el hipervínculo, la página enlazada no sustituya a la anterior. Pulse el vínculo Prueba este enlace.

10 Así puede verificar que la dirección indicada es correcta. Finalmente pulse el botón Aceptar.

11 De regreso en el Editor, pulse en botón Guardar para almacenar los cambios, coloque el cursor sobre el link creado, observe la etiqueta que aparece y pase al ejercicio siguiente.

IMPORTANTE

La opción Add ‘rell=nofollow’ attribute que se muestra en el cuadro de diálogo Editar enlace sirve para que los rastreadores no tengan en cuenta el enlace creado en sus búsquedas de información para establecer rankings de búsqueda. Afectará por tanto la forma en la que las personas encontrarán tu blog.

008
Agregar una imagen a una entrada

AÑADIR UNA IMAGEN A UNA ENTRADA de un blog es extremadamente sencillo. Puede subirla desde su equipo, escoger una que ya haya subido al blog anteriormente, escogerla de sus álbumes de Picasa, cargarla desde el móvil o hacerla con su cámara web.

IMPORTANTE

Al subir una imagen a Blogger, ésta se almacena en un álbum web de Picasa. La capacidad de almacenamiento de imágenes depende, por tanto, de la capacidad de la cuenta Picasa.

1 Para este ejercicio abra el artículo La digestión comienza en la boca.docx en el Editor de entradas, si no lo tiene aún en pantalla. Lo que haremos es insertar una imagen al artículo en cuestión. Verá que difícilmente podría ser más fácil. Descargue el archivo Imagen 1.jpg de nuestra web y guárdelo en su equipo o escoja algún otro archivo JPG de su preferencia.

2 Vamos a insertar la imagen entre el primer párrafo, que es la introducción, y el segundo. Coloque el cursor al final del primero y pulse la tecla Retorno.

3 Haga clic en el botón Inserta imagen, que está a la derecha del botón Enlace. El proceso necesario para subir una imagen usando las herramientas del editor es totalmente intuitivo.

4 Se abre el cuadro de diálogo Seleccionar un archivo, donde ya le indican que la imagen sólo puede estar en un archivo JPG, GIF o PNG. Puede subir una imagen desde su ordenador, escoger una del blog, traerla de un álbum de Picasa, del móvil o de una cámara web. Pulse en el botón Seleccionar archivos, de la opción Subir.

5 Se abre un cuadro de diálogo que le permite navegar por su equipo y ubicar la imagen. Hágalo ahora y haga un clic en el botón Subir.

6 Se encuentra de nuevo en el cuadro Seleccionar un archivo donde se hace el seguimiento del proceso de carga. Al acabar el proceso, se muestra una miniatura de la imagen. Ahora podría perfectamente subir más imágenes pero, en lugar de ello, pulse e botón Añadir las imágenes seleccionadas.

7 La imagen se añade en el lugar indicado del texto. Pulse el botón Vista previa y compruebe el resultado.

8 Todo bien pero probablemente sería mejor añadir una línea en blanco entre la imagen y el texto anterior. Regrese al Editor y añádalo. Sólo tiene que colocarse en el lugar correcto y pulsar la tecla Retorno.

9 Seleccione ahora la imagen: Se muestra una etiqueta flotante de edición que le permite cambiar el tamaño o la ubicación de la foto o añadir una leyenda, entre otras cosas. Seleccione la opción Añadir leyenda.

10 Se añade una línea de texto ficticio bajo la imagen. Introduzca un texto como pie de foto, pulse el botón Publicar y cancele el cuadro que le invita a compartir la entrada. Las opciones aplicadas, en este caso Mediana y Centrada, se muestran deshabilitadas.

IMPORTANTE

La aplicación Google+ permite, en teléfonos móviles con Android 2.1 o superior, la subida automática de todas las fotografías y vídeos capturados con su móvil, siempre que la función esté activada en la aplicación. Sin embargo, la aplicación Google+ le permite fácilmente subir fotografías almacenadas en el teléfono, una a una.

009
Cargar fotografías desde el móvil

SI DISPONE DE UN TELÉFONO MÓVIL con Android 2.1 o iOS 4 o superior, puede subir fotografías directamente desde su móvil a Google+, lo que hace que publicarlas en Blogger sea extremadamente fácil. En este ejercicio podrá verlo.

IMPORTANTE

Es posible que necesite activar el servicio de Localización de Google+ en el menú de Ajustes de su teléfono móvil para poder utilizar la subida instantánea.

1 Sólo podrá realizar esta lección si dispone de un móvil con Android 2.1 o superior, o iOS 4 o superior. Descargue la aplicación Google+ y, una vez descargada, acceda a ella e inicie una sesión con su usuario y su contraseña de Google.

2 Puede decidir si desea recibir, o no, notificaciones de la aplicación y, en la pantalla siguiente, buscar amigos. Si no desea hacer esto ultimo, simplemente pulse el botón Siguiente.

3 El servicio Subida instantánea le permite cargar fotos y vídeos a un álbum privado a medida que son registrados por el teléfono, siempre que la aplicación esté abierta (o haya sido cerrada recientemente), lo que hará sumamente fácil compartirlas con otros usuarios a través de todos los servicios de Google, incluido, cómo no, Blogger. Actívelo y dispare algunas fotos de prueba desde la cámara de su teléfono.

4 Desde la pantalla principal de Google+ en su móvil, despliegue su menú y pulse en la opción Fotos.

5 Pulse en el icono de fotografía del extremo superior derecho de la pantalla, navegue por su teléfono para ubicar una fotografía que desee subir y pulse el botón Usar.En el apartado Fotos puede ver las fotos de Subida instantánea.

6 Se abre una pantalla que le permite añadir algún comentario. Introdúzcalo y pulse el botón Compartir.

7 La foto se carga al servidor. En su ordenador, cree una nueva entrada de Blogger, pulse la herramienta Inserta imagen y escoja la opción Desde álbumes web Picasa.

8 Ahí puede ver el álbum Fotos de publicaciones. Pulse sobre la imagen para abrirlo, seleccione la imagen, y pulse el botón Añadir imágenes seleccionadas.

9 Una vez insertada a imagen, pulse de nuevo en el botón Inserta imagen y escoja esta vez la opción From you phone.

10 Gracias a la función Subida Instantánea, las imágenes capturadas con su móvil desde que abrió la aplicación Google+ se han cargado automáticamente. Seleccione alguna de ellas y pulse el botón Añadir imágenes seleccionadas.

11 La imagen se inserta en la entrada. Escriba un título y publíquela. Al acabar, acceda a su Perfil de Google y compruebe cómo luce la foto que publicó desde su móvil.

12 Pulse el botón Fotos, seleccione la opción Instant Upload .La opción Instant Upload le permite ver el álbum privado que se crea gracias a la función Subida Instantánea.

IMPORTANTE

El proceso necesario para subir vídeos desde el móvil es exactamente idéntico al descrito en este ejercicio.

010
Publicar un vídeo desde Youtube

PUBLICAR UN VÍDEO DESDE YOUTUBE le permite aprovechar el alcance de ambos medios de la mejor manera. Sepa que no necesita crear otra cuenta. Como YouTube es actualmente propiedad de Google, puede utilizar su misma cuenta de Google.

1 Sin cerrar su sesión de Google, acceda a la web de Youtube (www.youtube.com).

2 Como verá, al crear una cuenta de Google, se crea automáticamente un canal YouTube. En este ejercicio haremos uso de él. Pulse el vínculo Subir vídeo.

3 Si es el primer vídeo subido con el perfil activo, se abre el cuadro de diálogo Sube tu primer vídeo donde puede configurar el tipo de actividades que desea compartir en su canal. Hágalo seleccionando las opciones de su preferencia y pulse el botón Listo para subir vídeo.

4 Tal como se indica, puede pulsar en el vínculo Seleccionar archivos de tu ordenador, grabar con cámara web o arrastrar el archivo hasta la página. Utilice el método que prefiera o, si le hace falta descargue el vídeo el de este ejemplo de nuestra web, con el nombre SETup.mov.Puede seleccionar un archivo de vídeo de su equipo, arrastrarlo hasta la página o grabarlo con la cámara web.

5 En el cuadro de diálogo Subiendo un vídeo, asigne un título, una descripción e introduzca nombres de etiquetas pertinentes. La opción Público hace que cualquier persona que lo busque pueda verlo, Sin clasificar hace que sólo sea visible para personas que disponen de la dirección y Privado, que sólo puedan verlo las personas que usted autorice.

6 Despliegue el campo Configuración de privacidad y escoja la opción de su preferencia. Luego escoja una categoría y una opción de Licencia y propiedad de derechos.

7 Al terminar, pulse el botón Compartir y, en el cuadro que se abre, pulse en el icono de Google+.

8 Del menú de opciones que se despliega, haga clic en el icono de Blogger.

9 Se abre una ventana con una entrada nueva en la que automáticamente se ha enlazado el vídeo. Escriba un título y pulse el botón Publicar entrada.

10 Pulse el botón Ver blog para comprobar el resultado.

011
Insertar archivo de vídeo en una entrada

TAMBIÉN ES POSIBLE INSERTAR UN ARCHIVO de vídeo directamente en una entrada de Blogger. Para ello debe hacer uso de la herramienta Insertar vídeo del Editor de entradas, cuyo icono es una claqueta de cine.

IMPORTANTE

Todos los vídeos subidos a Blogger se almacenan en un álbum privado en Google Videos.

1 Para este ejercicio, acceda a la ficha de Entradas de su blog en Blogger, coloque el ratón sobre la entrada Nos alimentamos de aquello que digerimos u otra de su preferencia, y pulse sobre la opción Editar.

2 Lo que haremos será insertar un vídeo en esta misma entrada. Coloque el cursor en algún punto entre dos párrafos que le aparezca adecuado e inserte, si hace falta, un salto de línea usando la tecla Retorno.

3 Pulse ahora en el botón Inserta vídeo, que está muestra como icono una claqueta de cine.

4 Se abre el cuadro de diálogo Seleccionar un archivo, que le permite explorar su equipo para escoger el video. Pulse el botón Seleccionar el vídeo para subir.

5 En la ventana que se abre, ubique el archivo escogido y pulse el botón Abrir.

6 Su nombre aparece ya en el cuadro de diálogo Seleccionar un archivo. Pulse el botón Subir para que se realice la carga. Una vez seleccionado el archivo que desea colgar, sólo debe pulsar el botón Subir del cuadro de diálogo Seleccionar un archivo.

7 En la entrada aparece ya la caja en la que se ubicará el vídeo se indica que el vídeo está siendo cargado en este momento. Espere a que termine el proceso.

8 Al acabar de cargarse, ya puede ver el primer fotograma en la entrada pero es probable que no se visualice correctamente. Pulse el botón Vista previa, compruebe el resultado e indique si desea compartir la entrada o no. Bajo el vídeo insertado se ubican los típicos controles de reproducción.

9 Una vez esté de nuevo en el Editor, pulse sobre la caja del vídeo y, cuando el puntero del ratón se convierta en una mano, arrástrela hasta colocarla en otro final de párrafo.

10 Al terminar, coloque el cursor de editor a la derecha de la caja de vídeo con un clic y pulse el botón Inserte salto de línea, que está a la derecha de Inserte vídeo. Los saltos de linea funcionan muy bien en posts muy largos, pues permiten mostrar en la portada del blog sólo un párrafo introductorio de cada entrada, lo que a su vez hace que la carga del blog sea más rápida y mejora el posicionamiento en buscadores, que no son amigos de páginas demasiado pesadas.

11 Se agrega una línea en el punto indicado. Para ver su efecto, pulse el botón Actualizar entrada y, luego, pulse el botón Ver blog del Escritorio de Blogger.

12 Podrá ver que aunque todas las entradas anteriores se visualizan completas en la página principal del blog, la que acaba de editar se muestra sólo hasta el salto de línea insertado. Para visualizar el resto de la entrada es necesario pulsar el vínculo con el texto Más información, que ahora debería estar ubicado debajo de la caja de vídeo y que le llevaría directamente a una página con la entrada entera. Cualquier internauta que desee ver el vídeo tiene sólo que usar el botón Reproducir, ubicado en la barra reproductora de la caja, o pulsar en medio de esta misma.

IMPORTANTE

Deberá tener en cuenta que Blogger sólo acepta archivos AVI, MPEG, QuickTime, Real y Windows Media. Además, los archivos deben tener un tamaño inferior a los 100 MB.

012
Publicar un vídeo de YouTube en tu blog

EN ESTE EJERCICIO VERÁ QUE PUEDE insertar en sus entradas cualquier vídeo de YouTube sin importar que no esté en su canal. Más aún, verá que tampoco necesita conocer su dirección previamente. El cuadro de diálogo Seleccionar un archivo le permite realizar la búsqueda del vídeo sin salir de Blogger.

IMPORTANTE

La opción From our webcam del cuadro de diálogo Seleccionar un archivo, le permite grabar un vídeo con su ordenador y cargarlo, todo en una.

1 Antes de comenzar este ejercicio, haga un vídeo con su teléfono móvil si tiene un dispositivo compatible con la aplicación Google+, después de asegurarse de que la función Subida instantánea está habilitada.

2 Directamente en la ventana de su blog, que dejó abierta en el ejercicio anterior, pulse el vinculo Nueva entrada.

3 Introduzca algún párrafo de texto, si así le apetece, luego inserte una línea en blanco y pulse el botón Inserta vídeo.

4 En el cuadro de diálogo Seleccionar vídeos, que ya conoce, pulse en la opción YouTube, que es la segunda.

5 Es fantástico. Ni siquiera necesita saber la dirección del vídeo que desea colgar en su blog, pues Blogger le permite hacer la búsqueda desde este cuadro. Introduzca en el campo de escritura que se ha creado, las palabras claves de algún vídeo que le gustaría encontrar. Nosotros queremos insertar un trailer de un documental llamado Food Inc, así que escribiremos las palabras Food Inc y Trailer. Una vez haya escrito el texto a buscar, pulse el botón Buscar, cuyo icono es una lupa.

6 Aparecen las diferentes opciones que coinciden con los criterios de búsqueda establecidos. Seleccione alguna de ellas con un clic. El botón Inserta vídeo le permite subir un vídeo del ordenador, de YouTube, del móvil o de la cámara de vídeo

7 Se expande la opción seleccionada para permitirle previsualizar el vídeo escogido antes de crear el vínculo. Además, puede ver un resumen del vídeo y la votación y la valoración general. Podría ahora perfectamente visualizar desde este cuadro de diálogo cualquier otro vídeo. Cuando haya hecho su elección definitiva, pulse en botón Seleccionar.

8 El vídeo se inserta en el lugar indicado.

9 Asigne un nombre para la entrada en el campo adecuado y pulse el botón Aplicar.

10 Una vez esté de nuevo en el escritorio de Blogger, pulse el botón Crear entrada nueva, cuyo icono es un lápiz.

11 En la entrada en blanco, haga un clic de nuevo en el botón Insertar entrada.

12 Seleccione la opción Mis vídeos de YouTube del cuadro de diálogo Seleccionar un archivo.

13 En esta ficha se mostrarán todos los vídeos que suba a YouTube con su cuenta. Pulse ahora la opción From your phone.

14 Se muestran en este caso los vídeos cargados gracias a la subida instantánea de su móvil. Pulse sobre alguno, haga clic en el botón Seleccionar y, una vez se inserte en la entrada, asigne un título a la entrada y publíquela.

013
Cambiar fecha y hora, y agregar ubicación

EL PANEL CONFIGURACIÓN DE LAS ENTRADAS le permite fácilmente añadir una ubicación, que puede hacer referencia al lugar desde donde escribe o cualquier otra dirección relevante. También puede modificar la fecha de publicación e, incluso, programar una publicación a futuro.

1 Abra la primera entrada publicada en su blog.

2 Se habrá fijado que, una vez ha insertado una entrada, la fecha de ésta no varía aunque edite su contenido. En este ejercicio veremos cómo modificar esto utilizando el panel de Configuración de las entradas del Editor, que se encuentra a la derecha del área de escritura. Pulse en la sección que indica cuándo fue publicada la entrada.

3 Se expande el campo, se despliega de este modo un calendario y activa la opción Establecer fecha y hora en lugar de la opción Automático, que es la utilizada por defecto. Puede cambiar de mes pulsando en las puntas de flecha que se encuentran a ambos lados del mes actual. Seleccione una fecha posterior al día de hoy en el calendario.

4 Pulse ahora en el campo que indica la hora de publicación.

5 Se despliega una lista de la que puede escoger una opción aunque también puede introducir una hora específica desde su teclado. Establezca una hora con el método que prefiera

6 Para grabar la hora seleccionada, pulse el botón Finalizado. La hora queda registrada y, como se trata de una fecha posterior a la actual, la entrada no será publicada hasta el momento designado para ello.

7 En ocasiones también puede ser interesante indicar una dirección en el post. Puede ser porque acostumbra escribir sobre lugares, porque quiere llamar la atención sobre su negocio o por cualquier otra razón. Veamos cómo hacerlo. Pulse en la opción Ubicación del panel Configuración de entradas.

8 Se despliega la sección y se muestra un mapa de Google. Además aparece un mensaje que le pregunta si desea compartir su ubicación con Blogger.com. Pulse en el botón de punta de flecha de éste para desplegar sus opciones.

9 Puede establecer que se muestre la ubicación en Blogger siempre, sólo en este post o no para este blog. Escoja la opción Siempre compartir la ubicación para este ejercicio, aunque luego podrá deshabilitarla.

10 En el campo de búsqueda del panel Ubicación, introduzca una dirección y pulse la tecla Retorno. Puede buscar cualquier dirección desde el campo de búsqueda del apartado Ubicación.

11 Rápidamente se busca el punto indicado y se marca en el mapa. Ya puede pulsar el botón Finalizado.

12 Pulse el botón Actualizar para publicar la entrada y escoja si desea compartirla por algún medio con otros contactos.

13 Finalmente, en el escritorio de Blogger, pulse el botón Ver blog para comprobar el resultado obtenido. Por defecto sólo se muestra la dirección, aunque se trata de un vínculo que remite al mapa de la misma.

014
Añadir etiquetas a las entradas

AÑADIR ETIQUETAS A LAS ENTRADAS HACE que los contenidos sean más accesibles a los usuarios, que podrán identificar de este modo las entradas relacionadas con los temas que realmente les interesan. El apartado Opciones permite además, entre otras cosas, establecer si permitirá comentarios para la entrada en pantalla, así como borrar comentarios anteriores o impedir que se añadan nuevos.

IMPORTANTE

Para las etiquetas se deben utilizar términos muy concretos que ayuden a los usuarios a identificar los contenidos del blog y a encontrar la información relacionada con determinados temas. Evite utilizar términos de igual significado e intentar escoger siempre el más común.

1 Abra de nuevo en el Editor de entradas la entrada en la que trabajó en el ejercicio anterior para trabajar con las otras opciones de Configuración de las entradas.

2 Pulse en la opción Etiquetas. Las etiquetas indican las temáticas tratadas en cada una de las entradas y son una excelente forma de vincular diferentes artículos.

3 Para organizar las entradas y facilitar la navegación por el blog, conviene añadir etiquetas a cada una de las entradas. Deben introducirse separadas sólo por comas y normalmente se escriben en minúsculas. Para nuestro artículo sobre nutrición, utilizaremos las siguientes etiquetas: nutrición, alimentación, digestión, problemas digestivos, hígado, comida basura. Escriba las etiquetas que considere más adecuadas.

4 Al terminar, pulse el botón Finalizado y actualice el post.

5 Abra una a una las otras entradas en el editor, asigne etiquetas a cada una y actualícelas. Observe que al pie del apartado Etiquetas se van acumulando los términos usados y, que cuando comienza a escribir una palabra, se despliega un menú con etiquetas anteriores que comienzan igual.

6 Al terminar el proceso, puede comprobar en la ficha Entradas que junto al título de cada entrada se muestran ahora las etiquetas insertadas. Abra de nuevo en el Editor alguna de las entradas, para trabajar con las últimas opciones de Configuración de entradas.En la ficha Entradas se muestra junto al título de cada entrada, las etiquetas que la identifican. Si pulsa sobre el nombre de cualquier etiqueta, se muestran todos los post que comparten la etiqueta en cuestión.

7 Haga clic en la opción Enlace permanente, que se encuentra en el panel de configuración. Una vez generado un enlace permanente, puede copiar su texto para crear un vínculo a él en cualquier otro lugar.

8 Se genera de este modo una dirección URL permanente que le permitirá compartir directamente esta entrada a modo de vínculo en otros medios y que facilitará que ésta sea ubicada directamente por un buscador. Pulse el botón Finalizado.

9 Despliegue el apartado Opciones.

10 Aquí puede establecer si desea que se publiquen comentarios de los lectores. En caso de que el blog ya cuente con comentarios, puede también decidir si quiere eliminar todos los comentarios anteriores, o conservarlos pero no permitir nuevos comentarios. Mantenga la opción Permitir activa, pulse el botón Finalizar y, finalmente, actualice la entrada.

IMPORTANTE

Cada etiqueta genera una URL que se posicionará en Google. Logrará que tenga más eficiencia si añade con frecuencias nuevos contenidos asociados a la misma etiqueta. Así mismo, mientras mejor represente el contenido la etiqueta, más favorecerá el posicionamiento de la entrada.

015
Crear una lista de etiquetas

PARA OTORGAR VERDADERA UTILIDAD a las etiquetas, puede ser muy interesante crear un menú de etiquetas en el blog. Blogger permite presentarlas en forma de menú desplegable o en forma de nube.

IMPORTANTE

Lo interesante de las listas de etiquetas es que el nombre de cada una de ellas representa un vínculo que permite mostrar, con un sólo clic, todas las entradas que la incluyen como referencia.

1 En el Escritorio de Blogger, pulse ahora el botón Ver blog.

2 Al pie de cada entrada se ha añadido la lista de todas sus etiquetas. Regrese a la página anterior.

3 Ahora lo que haremos será hacer que en la barra lateral de nuestro blog se muestren todas las etiquetas, de forma que permitan a los usuarios navegar a través de las entradas que están vinculadas a ellas. Pulse en la pestaña Diseño para mostrar su ficha.

4 Más adelante trabajaremos a fondo con esta ventana, pero de momento, pulse en el vínculo Añadir un gadget en alguna ubicación que le parezca apropiada para la página.

5 Se abre una nueva ventana en la que puede escoger el gadget que desea añadir. Use la barra de desplazamiento para ubicar la llamada Etiquetas y pulse su botón Mas (+).

6 En la ventana Configurar etiquetas, puede establecer un título distinto, por ejemplo, Temas o De qué hablamos. Puede además escoger si se mostrarán todas las etiquetas o sólo algunas de ellas. Seleccione la opción Etiquetas seleccionadas y pulse el vínculo Editar.

7 Aparece al pie de la ventana un panel en el que puede deseleccionar cualquiera de las entradas creadas. Hágalo ahora si lo cree conveniente y pulse luego el vínculo Finalizado para volver a la ventana anterior.

8 Las etiquetas se pueden mostrar por orden alfabético o por frecuencia, en cuyo caso se muestran de primeras las etiquetas más repetidas en el blog. Escoja la opción Por frecuencia.

9 Además, se pueden mostrar como Lista o como Nube. Mantenga la primera opción seleccionada y en breve veremos la diferencia.

10 Mantenga activa la opción Mostrar cantidad de entradas por etiquetas, pulse el botón Guardar y luego pulse Ver blog.

11 Ya puede ver, arriba del Archivo del blog, la lista de etiquetas, que efectivamente están organizadas en orden de frecuencia e indican la cantidad de entradas. Pulse el botón Anterior del navegador y, en la ficha Diseño, pulse en el vínculo Editar del gadget creado. En el modo Nube las etiquetas se presentan en diferentes tamaños según la frecuencia con la que aparecen.

12 Seleccione en el cuadro de opciones de Etiquetas la opción Nube, desactive la opción Mostrar cantidad de entradas por etiquetas y pulse el botón Guardar.

13 Vea el blog de nuevo para comprobar el resultado.

IMPORTANTE

Al mostrar todas las entradas que incluyen determinada etiqueta, se muestra en la cabecera del blog un vínculo que indica que solo se muestran las entradas con la etiqueta consultada y permite mostrar todas las entradas.

016
Consultar y configurar estadísticas de tu blog

LA FICHA ESTADÍSTICAS DE BLOGGER MUESTRA de forma muy gráfica y comprensible estadísticas de las visitas que ha recibido su blog y permite escoger el período analizado.

IMPORTANTE

Analice sus estadísticas, identifique el tipo de contenidos que generan más tráfico en su blog y piense estrategias para mejorar los puntos débiles y potenciar los fuertes.

1 Para este ejercicio pulse en la pestaña Estadísticas del Escritorio de Blogger.

2 En esta página se muestran las estadísticas visitas de su blog, que de momento no deben ser muy llamativas, aunque la idea es lograr que poco a poco se eleven. En primer lugar tiene una gráfica de curvas que indica el número de visitas obtenidas por día durante la última semana. Si pasea el ratón sobre ella, una etiqueta flotante le indica los valores que corresponden a cada punto de la grafica.

3 A su derecha se muestra el número de páginas vistas hoy, ayer, en el último mes y desde la creación del blog. Pulse en el vínculo No realizar seguimiento de tus propias visitas a páginas.

4 En el cuadro de diálogo que se abre, debe seleccionar la opción del mismo nombre para que no sean contadas las visitas que realice usted mismo, cosa que no tendría ningún interés. Pulse el botón Guardar.

5 Para que esta opción funcione, tal como se indica, es necesario que el navegador permite cookies. Para ello debe acceder al cuadro de diálogo de Preferencias del navegador, en el apartado Privacidad.

6 Observe que la opción activada no modifica los conteos anteriores de visitas. Funcionará solamente para futuras visitas. Bajo la gráfica se detalla el número de visitas logrado por cada una de las entradas del blog. Con sólo un clic sobre el nombre de cada una de ellas, podrá abrirla en una nueva ventana emergente. Pulse en el vínculo Más, que está a la derecha del título de esta sección.

7 Se muestra en una gráfica de barras las visitas de cada una de las entradas. Pulse el botón Día de la cabecera. La barra superior permite escoger el período analizado.

8 Se actualiza la gráfica para mostrar las visitas de las últimas 24 horas. El botón Actualizar, que muestra una flecha curvada también en la cabecera, le permite actualizar las estadísticas en tiempo real.

9 Pulse ahora en la opción Público de la pestaña Entradas.

10 De este modo se muestran el número de visitas recibidas por país, por navegador y por sistema operativo. En nuestro caso dominan las visitas realizadas desde Estados Unidos. Puede volver a la pantalla de estadísticas generales usando el vínculo Visión general.

017
Aplicar una vista dinámica de Blogger

LAS PLANTILLAS DINÁMICAS SON SIETE VISTAS sumamente llamativas que despliegan efectos espectaculares al pasar de un post o de una página a otro. Permiten a los usuarios escoger cuál de las siete vistas desean utilizar, así como compartir o seguir la información con un sólo clic.

IMPORTANTE

Las plantillas dinámicas fueron presentadas por Google en abril de 2011. Aunque entonces no permitían ninguna personalización ni gadgets de ninguna clase, poco a poco se ha ido brindando algo de control al propietario del blog, tal como prometieron en su momento

1 Para este ejercicio, en el escritorio de su blog, active la pestaña Plantillas.

2 Ante todo, lo más recomendable es hacer una copia de seguridad del blog que nos asegure que en cualquier momento podremos devolverle su aspecto anterior. Esto es especialmente importante cuando el blog tiene muchas personalizaciones incorporadas previamente, aunque ahora no es el caso. Pulse el botón Crear copia de seguridad / Restablecer.

3 Se abre el cuadro de diálogo del mismo nombre. Pulse el botón Descargar plantilla completa.

4 Escoja la opción Guardar para que se almacene el archivo XML en su equipo, y cierre el cuadro de diálogo.

5 En primer lugar se presentan las siete plantillas dinámicas de Blogger. Coloque el cursor del ratón sobre la primera vista dinámica y, de las dos opciones que aparecen escoja la opción Personalizar.

6 Se abre el Diseñador de plantillas. En la parte superior se muestran las distintas categorías de plantillas y, en una segunda fila, las plantillas disponibles para la opción escogida, en este caso Vistas dinámicas. Pulse sobre la segunda vista y compruebe cómo se actualiza el blog.

7 Se trata de la vista Flipcard, que muestra las imágenes del blog como fondo de pantalla. Si coloca el cursor sobre una de las imágenes, se muestra el título y la fecha de la entrada. Si pulsa sobre la imagen, se abre la entrada en una nueva ventana. Hágalo ahora y cierre la ventana. Pulse en la pestaña Flipcard, en la previsualización del blog.

8 La vista que escoja es la que se presentará por defecto, pero el usuario que acceda al blog podrá cambiar de una a otra usando este menú desplegable. En el diseñador de plantillas, escoja la quinta plantilla dinámica.Las vistas dinámicas permiten al usuario cambiar de una a otra libremente.

9 Es la llamada Sidebar, que permite navegar usando la barra de entradas de la izquierda. Escoja la sexta vista personalizada.

10 En la vista Snapshot las entradas son organizadas como un tablón de fotografías. Continúe experimentando por su cuenta y finalmente aplique la cuarta plantilla, llamada Mosaic. Si tiene que interrumpir el trabajo antes de pasar a la siguiente lección o en cualquier otro momento pulse el botón Aplicar al blog de la cabecera del Diseñador de plantillas. Si su conexión es lenta, hágalo después de aplicar cualquier cambio y así estará seguro de no perderlo.

11 Es la plantilla Mosaic las imágenes y textos del blog se presentan con diferentes tamaños en un mosaico compuesto al azar, que se rediseña cada vez que se actualiza el blog. Pulse en una de las entradas para desplegarla.

IMPORTANTE

En las vistas dinámicas se incorporan automáticamente al pie de cada entrada botones que permiten compartir los contenidos en Google+, Twitter y Facebook.

018
Modificar las plantillas dinámicas

AUNQUE AL PRINCIPIO LAS PLANTULAS DINÁMICAS no admitían ni gadgets ni personalización, durante el año 2011 Google incorporó estas prestaciones e hizo posible, entre otras cosas, modificar el fondo, los colores y las fuentes del blog.

1 En el Diseñador de plantillas de Blogger, haga clic en la pestaña Fondo. Las plantillas de Blogger, tanto las dinámicas como las estáticas, permiten escoger una imagen de una amplia galería, así como subir cualquier imagen para utilizarla como fondo, siempre que pese menos de 300 k.

2 Puede cambiar la combinación de colores de la plantilla. Pruebe uno de los temas sugeridos que le agrade.

3 Pulse en el botón de punta de flecha que está en la miniatura Imagen de fondo.

4 Puede escoger alguna opción de la extensa galería de imágenes que ofrece Blogger clasificadas en categorías o cargar una fotografía de su equipo. Pulse la pestaña Subir imagen.

5 Ubique en su ordenador una imagen que pese menos de 300 K o, si lo prefiere, descargue de nuestra web la imagen Girasol fondo.jpg y úsela para tal fin. Una vez se halla cargado, pulse el botón Finalizar.

6 La imagen se aplica al fondo. Despliegue el menú que muestra seleccionada la opción Mosaico. Puede escoger si la imagen se debe repetir para llenar el fondo o no, y de qué manera. También si debe desplazarse con la página o no y cómo debe alinearse. Pulse ahora la pestaña Avanzado del Diseñador.

7 Mantenga seleccionada en el segundo panel la categoría Página y escoja alguna fuente para el texto de las entradas.

8 La categoría Header se refiere a la barra de fondo del título, pero como estamos usando una fotografía, no podemos modificarla. La categoría Header Bar modifica la barra de menús del blog y le permite cambiar su color de fondo, la fuente y el color de los textos. Cambie lo que le parezca conveniente.

9 En el apartado Enlaces puede establecer que el color de los vínculos cambie al colocar el cursor encima y después de que han sido visitados por el usuario. Active esta ficha y modifique los colores establecidos.

10 Puede cambiar el color y la tipografía del título. Escoja esta opción y haga una elección que contraste contra el fondo.

11 Despliegue la ficha Título de entrada, realice los cambios que prefiera y al terminar, pulse los botones Aplicar al blog y ver blog.Si pulsa sobre la muestra de color de alguno de los selectores, se despliega un panel en el que puede crear su propio color o establecer transparencias.

IMPORTANTE

En la categoría Avanzado del Diseñador de plantillas, el apartado Date Ribbon permite modificar la cinta que indica la fecha de cada entrada. Si desea eliminarlas de todo el blog, utilice el siguiente código en el apartado Añadir CSS: .ribbon {display:none !important;}

019
Modificar código CSS de plantilla dinámica

BLOGGER TAMBIÉN PERMITE REALIZAR personalizaciones sobre las plantillas dinámicas utilizando código CSS, desde el Diseñador de plantillas de Blogger. En este ejercicio usaremos esta prestación para crear una cabecera personalizada para nuestro blog.

IMPORTANTE

Las siglas CSS vienen del inglés Cascading Style Sheets (Hojas de estilo en cascada) e identifican un lenguaje utilizado para definir el estilo de un documento, independientemente de su estructura.

1 Para este ejercicio puede descargar de nuestra web el archivo cabecera.jpg o crear su propia cabecera. Nuestra imagen mide 110 por 182 píxeles y tiene una resolución de 72.

2 En el Editor de plantillas, dentro de la categoría Fondo, pulse el vínculo Eliminar imagen, del apartado Imagen de fondo. Una vez ha insertado una imagen como fondo, puede eliminarla en cualquier momento.El valor !important hace que el estilo sobrescriba a la plantilla.La imagen cargada se encuentra en la carpeta Álbumes del apartado Fotos.

3 En la categoría Avanzado, escoja la opción Añadir CSS.

4 En este panel puede añadir códigos personalizados. Lo que haremos será añadir un código para insertar una cabecera personalizada. Escriba el siguiente código, o descárguelo y cópielo del archivo Código cabecera que encontrará en nuestra web:.header-bar {background-color:#536fa8 !important; /* Color fondo */background-image:url(URL IMAGEN DE CABECERA) !important;background-repeat:no-repeat;height:148px !important; /* Altura de cabecera */border-bottom:20px solid #f07300; /* Cinta inferior */}#header .header-bar .title h1, #header .header-bar .title h3 {display:none;}#header a:hover {text-decoration:none !important;}#main {margin-top:125px !important;} /* Distancia entre la cabecera y el contenido */

5 En una nueva ventana, acceda a su perfil Google, pulse en la pestaña Fotos y luego haga clic el botón Upload new photos.

6 Cargue la imagen de la cabecera con el método que prefiera y pulse el botón Create álbum.

7 Una vez cargada, pulse el botón Cancel del cuadro Share.

8 En la barra lateral escoja la opción Photos y en la cabecera de esta pantalla pulse la opción Albums, acceda a la foto, pulse con el botón secundario del ratón sobre ella y escoja la opción Copiar ruta de la imagen. Una vez aloja una fotografía en un álbum, dispone de una URL que puede usar para otros fines.Hemos usado como color de fondo de la cabecera el azul del cielo de la imagen (#536fa8).

9 Regrese al Diseñador de plantillas y, en el código creado, sustituya el texto URL IMAGEN CABECERA por la ruta de la imagen que ha cargado para tal fin.

10 Al terminar, ya debe ver el cambio en la parte la pantalla de previsualización. Pulse el botón Aplicar al blog y luego el vínculo Ver blog, para comprobar el resultado.

IMPORTANTE

El código que presentamos en este ejercicio permite modificar las medidas de la altura de cabecera, cinta inferior y distancia entre la cabecera y el contenido, indicadas en píxeles, así como los colores de fondo y de la cinta inferior, cuyos códigos vienen precedidos por un signo numeral (#).

Конец ознакомительного фрагмента.

Текст предоставлен ООО «ЛитРес».

Прочитайте эту книгу целиком, купив полную легальную версию на ЛитРес.

Безопасно оплатить книгу можно банковской картой Visa, MasterCard, Maestro, со счета мобильного телефона, с платежного терминала, в салоне МТС или Связной, через PayPal, WebMoney, Яндекс.Деньги, QIWI Кошелек, бонусными картами или другим удобным Вам способом.