Kitabı oku: «Aprender a crear su primera página web con 100 ejercicios prácticos», sayfa 3
| 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.
| 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
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.
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.
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
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.
7 Haga clic en la opción Enlace permanente, que se encuentra en el panel de configuración.
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
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.
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
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.
12 Seleccione en el cuadro de opciones de Etiquetas la opción Nube,
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.
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.
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.
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.
9 Es la llamada Sidebar, que permite navegar usando la barra de entradas de la izquierda.
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.
Ücretsiz ön izlemeyi tamamladınız.
