Una interesante barra de herramientas web para nuestro blog

Una de las opciones más importantes a integrar en nuestro blog, es la posibilidad de que nuestros lectores puedan compartir, subscribirse, navegar, etc. fácilmente por nuestro sitio web.

En esto radica el éxito de nuestro blog, lógicamente buscamos la fórmula mágica de llegar cada día a más lectores, dicho esto, quiero dejaros esta vídeo-guía, mostrando las opciones que tiene para mi una de las barras web de herramientas mas interesante instalables en nuestro sitio web.

Wibiya  es una aplicación que nos permite incluir una barra con interesantes funcionalidades dentro de nuestro blog o sitio web, podemos incluir diferentes botones que al clickearlos nos mostrará una ventanita con los textos en twitter, un link para los feeds, nuestro facebook, mostrará los últimos entradas que hemos insertado, los vídeos disponibles en nuestro canal youtube o personalizar un chat para conectarnos con nuestros usuarios, hay decenas de opciones que se pueden personalizar y lo mas interesante, es que aparecerá discretamente en nuestro blog o página web.

En un próximo artículo, indicaré los pasos a seguir para instalar esta excepcional barra en nuestro blog y veremos con que facilidad podemos incrustarla y personalizar las opciones que deseemos.

Veamos la vídeo-guía:

Hablemos sobre los comentarios en blogger

Siempre he defendido en la blogosfera la buena y sana práctica entre los blogueros de permitir que sus lectores y usuarios pudieran comentar en los blogs sobre los artículos que escriben, no voy a cambiar de opinión y seguiré defendiendo que un blog está vivo cuando se permite interactuar con los internautas.

Pero dicho esto, también defiendo la posición que estos deben de ser constructivos, independientemente de que sean críticos o no con las posiciones que originalmente defendemos en nuestros artículos, que mejor oportunidad que trasladarnos conocimientos entablando un diálogo activo entre los usuarios, la Sociedad de la Información y del Conocimiento, es precisamente esto. 

Blogger, siempre ha tenido a disposición de sus usuarios la posibilidad de activar o no la opción de los comentarios en las entradas, pero también la posibilidad de que estos comentarios se pudieran efectuar con  registro previamente del usuario o moderados posteriormente por el administrador del sistema.

Cualquiera de las dos opciones a mi personalmente me parece acertada, aunque no descarto la posibilidad de que se pueda comentar anónimamente, reconozco que de esta forma los comentarios en nuestros blog crecen exponencialmente, pues hay muchos usuarios que el engorro de registrarse les limita la posibilidad de aportar en los artículos de nuestro blog.

Recientemente la plataforma de Blogger ha incluido una modificación en la sección de comentarios, ahora nos brinda  la posibilidad de anidar comentarios, es decir, podemos tanto el administrador como los usuarios responder a cualquier comentario que hayan dejado en nuestro blog otros usuarios y así mantener vivos los hilos de conversación activos.

Esta para mi importante modificación, nos permitirá interactuar mejor con los lectores de los artículos de nuestros blog que se animan a dejarnos un comentario.

Gracias a esta nueva posibilidad podremos responder a cada comentario publicado de una forma personalizada y lo mejor de todo, nuestra respuesta se encontrará justo debajo del comentario inicial, mostrando más claridad que la anterior opción de comentarios individuales.

Blogger en su sitio web oficial comenta que esta modificación en el sistema de  comentarios se debe a la solicitud realizada por multitud de usuarios de la plataforma, gracias Google por atender nuestras peticiones y por el esfuerzo constante en la mejora de las aplicaciones.

En próximas entradas, veremos como configurar a nuestro gusto las diferentes opciones que blogger nos permite personalizar en el apartado de comentarios y así cada uno de nosotros tendremos una idea mas clara de cual es la opción mas interesante para nuestro blog.

 

Y ahora integraremos nuestro Libro Electrónico en nuestro Blog

En la entrada anterior, vimos como convertíamos nuestro pdf en un atractivo libro electrónico con la tecnología de flipsnack, una excelente aplicación online que no requiere de grandes conocimientos técnicos.

En esta artículo, vamos a ver a través de la nueva vídeo-guía que he preparado, como podemos insertar el código html generado con esta aplicación online en una nueva entrada de nuestro blog, así de esta forma, todos nuestros lectores podrán disfrutar no solo del excelente contenido de nuestro libro electrónico, si no también de su excepcional diseño.

Los pasos a seguir una vez visto como hemos diseñado nuestro libro electrónico anteriormente en www.flipsnack.com, son verdaderamente sencillos.

Para esto, accederemos a flipsnack.com y nos identificamos con nuestra cuenta de google tal como vimos en la entrada anterior, comprobaremos que que en el apartado "Mi Flip" ya tenemos nuestro libro electrónico diseñado, simplemente accederemos a las opciones de embebido de código y lo copiaremos a nuestro portapapeles  (Ver vídeo-guía).

Ahora accedemos a www.blogger.com, nos identificamos con nuestra cuenta de google para acceder al panel de control de nuestro blog y en el apartado de entradas, creamos una nueva entrada para incorporar el código html que tenemos ya copiado en nuestro portapapeles (Ver vídeo-guía).

Os sugiero sigáis estos pasos en la vídeo-guía del canal youtube y repaséis los vídeos editados para refrescar lo visto anteriormente.

Aquí os dejo la vídeo-guía con los pasos a seguir:

 

Fácil ¿no? pues ánimo y a por ello.

 

Las nuevas vistas dinámicas de blogger

Hemos visto en anteriores artículos las diferentes plantillas que blogger nos ofrece prediseñadas y ya listas para su uso y utilización, hace unos pocos meses, blogger presentó las Vistas Dinámica, siete nuevas formas de aplicar a nuestro blog un nuevo estilo más dinámico, moderno y funcional, es verdad que en el momento de su presentación, estas plantillas eran muy limitadas en cuanto a recursos para añadir a su personalización, pero también es verdad que blogger continuaría incluyendo nuevas funcionalidades que animarán a utilizar estas novedosas plantillas, por mi parte, todavía no he encontrado la opción mas versátil para decidirme a implementarlas y de momento solo las he aplicado en un blog que presentaremos en breve en el Ayuntamiento de Guardo.

Ejemplo de presentación de vistas dinámicas en un blog diseñado para el Ayuntamiento de Guardo:

Aquí tienes más información en blogger sobre estas nuevas plantillas

Los Gadget en nuestro Blog

En Internet y más concretamente en nuestro blog, un Gadget no es más que un sencillo archivo en formato HTML, es decir una página web con un formato reducido, con otros elementos que le aportan la funcionalidad necesaria como: imágenes, scripts, hojas de estilo, etc.

Dentro de cualquier sistema informático (sistema operativo, navegador web o de escritorio), se llama también gadget a un pequeño software ó módulo, herramienta o servicio que puede ser agregado a una plataforma mayor que por si solo dispone de funcionalidades propias y se integra plenamente con el sistema informático.

Por ejemplo, en el sitio web iGoogle, es posible añadir algunos de los muchos gadgets disponibles, en la red hay ya cientos de Gadgets para descargar gratis, diseñados para diversos objetivos, también es posible crear de forma sencilla nuestros propios Gadgets, personalizados a nuestro gusto y con el formato adecuado para integrarse en otras plataformas, pero esto requiere de unos pequeños conocimientos mas extensos de los expuestos en este blog y no nos vamos a detener en este detalle.

Blogger en su correspondiente apartado, tiene disponible cientos de gadget ya preparados para integrar en el módulo de diseño correspondiente, algunos de ellos están elaborados por la factoría google, y otros por editores independientes de todo el mundo que posteriormente google ha integrado en su plataforma.

En esta vídeo-guía que he elaborado, os muestro los sencillos pasos a seguir para integrar en nuestro blog los gadgets que blogger pone a nuestra disposición, sin olvidarnos que la opción que blogger nos permite de añadir directamente código html a nuestro apartado de Gadget nos de infinitas posibilidades de integración, funcionalidad y diseño.

Como siempre, lo primeros que tenemos que hacer es entrar en www.blogger.com e identificarnos con nuestra cuenta de google, una vez dentro, buscaremos la opción de diseño nos permitirá al apartado en las denominadas sidebar incluir una de los gadget incluidos en blogger.

En este ejemplo, aprenderemos a incluir en nuestro blog de prueba dos interesantes gadget, el primero, una barra de vídeos youtube personalizada y el segundo, una encuesta para que nuestros lectores puedan opinar sobre los asuntos que nos parezcan de interés.

¿Fácil no? pues aquí tenéis la vídeo-guía.

Ver vídeo-guía:

Ejemplo práctico de la utilización en un blog de Google Maps con Street View

En mi último artículo, os hable de las enormes posibilidades que nos ofrecía la tecnología  Google Maps con Street View aplicada en nuestro blog, pues bien, a raíz de esta idea, hemos desarrollado una nueva aplicación que utiliza prácticamente solo estas herramientas.

En realidad, es un blog sencillo y con una temporalidad para el mes de Marzo, el tiempo durante el que se desarrollan estas Jornadas Gastronómicas en esta maravillosa localidad de la Montaña Palentina, pero es una perfecta muestra para que nos hagamos una idea de las posibilidades que están a nuestro alcance cuando se utilizan estas tecnologías.

Aquí os dejo la Nota de Prensa que se emitió para detallar esta aplicación:

Las Jornadas Gastronómicas de la Cuaresma de Guardo contarán con una nueva aplicación web para dispositivos en movilidad desde la que se podrá descargar todos los establecimientos participantes, las diferentes Rutas del Cofrade que se pueden recorrer, sus tapas y menús y su localización gps aprovechando la tecnología de Google Maps con Street View.

Esta tecnología, permite ver vía internet los establecimientos y a su vez hacer un recorrido virtual por las diferentes calles de la localidad y poder disfrutar de la excelente gastronomía del municipio dando un primer paso para ir haciendo aplicaciones encaminadas a las nuevas tecnologías de realidad aumentada.

Estas Jornadas Gastronómicas, es una apuesta más del Ayuntamiento por el impulso y desarrollo de actividades que vayan encaminadas en fomentar el turismo y las actividades comerciales en la localidad.

La aplicación ha sido presentada hoy en el Ayuntamiento de Guardo por la Concejala Lali Pinilla y la responsable del la Agencia de Empleo y Desarrollo Local Amparo Remesal, explicando el funcionamiento de la nueva web que estará operativa durante todo este mes de marzo y mientras se desarrollen las Jornadas Gastronómicas de la Cuaresma.

El enlace directo para ver la aplicación vía web: larutadelcofrade.blogspot.com 

Para facilitar el acceso a la aplicación, se ha habilitado un código QR, que al ser capturado por los dispositivos móviles enlazará directamente con la aplicación indicada, este código QR, estará incluido en todos los trípticos que se repartirán por los establecimientos colaboradores y en los diferentes perfiles de las redes sociales del Ayuntamiento.

Vídeo de Funcionamiento de la Aplicación:

Como crear un BLOG en Blogger (Parte V)

Ver anteriores artículos de Como Crear un Blog con Blogger.

En este nuevo artículo en el que al final se incluye una nueva vídeo-guía, nos servirá para ver como insertamos una imagen en la cabecera de nuestro blog y personalizarle a nuestra medida.

En este caso, la imagen que vamos a subir a nuestro blog es la siguiente ver blog de prueba:

En primer lugar tendremos que preparar una cabecera con un editor de imágenes, la preparación de un diseño adecuado con un software de estas características lo veremos en próximos capítulos, sin embargo, hoy nos vamos a centrar en aprender a subir la imagen y sustituirla por nuestra actual cabecera que es actualmente de texto.

El proceso es muy sencillo, como siempre lo primero que haremos es acceder a blogger e identificarnos con nuestra cuenta de google (ver artículos como crear nuestra cuenta google), una vez dentro de nuestro panel de administración del blog, accederemos a diseño tal como os muestro en la vídeo-guía.

En ese punto no tendremos nada más que seleccionar la imagen de nuestro ordenador y subirla a blogger con la herramienta que nos brinda el sistema, proceso muy sencillo e intuitivo.

Una vez subida la imagen, procederemos a personalizar plantilla y ajustaremos el ancho de esta  a la imagen que hemos insertado, comprobamos los cambios realizados y listo.

Como una imagen vale como mil palabras, aquí os dejo monotorizados los pasos a seguir:

Ver Vídeo-Guía:

 

Vídeo-Guía como ocultar la barra de navegación de nuestro blog

Como lo prometido es deuda, para completar el artículo anterior, en esta entrada os dejo la vídeo-guía de como ocultar la barra de navegación de nuestro blog.

Ya hemos visto en anteriores entradas como acceder al código html de nuestra plantilla de blogger, en ellas ya he comentado la posibilidad de modificación en este código que soporta la estructura de nuestro blog, este nuevo artículo, nos va a permitir personalizar mucho más profundamente el blog dotándole de un aspecto más profesional, para esto, aquí tenéis los pasos que hay que seguir.

Ver Vídeo-Guía

Y ahora: como ocultar la barra de navegación de nuestro blog

Ya hemos visto en anteriores entradas como acceder al código html de nuestra plantilla de blogger, en ellas ya he comentado la posibilidad de modificación en este código que soporta la estructura de nuestro blog, este nuevo artículo, nos va a permitir personalizar mucho más profundamente el blog dotándole de un aspecto más profesional.

Uno de los ejemplos más comunes y demandados para iniciarnos en la edición de código html sin tener avanzados conocimientos de programación, es precisamente la incorporación del código necesario en nuestra plantilla para ocultar la barra de navegación de blogger (Ver imagen superior).

Hemos observado que por defecto, en nuestro blog, aparece una barra de navegación que permite al usuario avanzar o retroceder a otro blog, te preguntarás como se hace para ocultar o quitarla. pues seguro que estas cansado de ella y te parece incluso anti estética, ¿quieres que no se vea más? Bueno, pues aquí está el truco para lograrlo.

Como este elemento no puede configurarse desde las opciones de interface de Blogger y que ya hemos visto que no se puede modificar desde el diseño, no nos queda otra en este caso que editar la plantilla HTML de nuestro blog, por otra parte interesante, pues nos servirá como práctica para adentrarnos en el mundo de la edición de código.

En esta entrada solo voy a facilitar los pasos necesarios, más adelante tendré a vuestra disposición la vídeo-guía práctica para este cometido.

Como siempre que tocamos nuestra plantilla HTML recomiendo hacer copia de seguridad antes. 

Sigue estos sencillos pasos para realizar la copia de seguridad y archivarla en tu ordenador:

• Accede a la pestaña Plantilla y haz clic en el botón Crear copia de Seguridad/Reestablecer
• Descargar plantilla completa

Una vez hayas creado tu copia de seguridad, presiona el botón Edición de HTML, nos aparecerá una ventana modal en nuestro ordenador con el código de la plantilla:

Busca en el código de tu blog:

  Body { 

Justo encima pega el siguiente código:

#navbar {display: none !important;}

Guarda la plantilla y visualiza tu blog.

Si bien ocultar esta barra no atenta contra las condiciones de uso de blogger ni afecta al posicionamiento del mismo es conveniente por deferencia a google colocar el logo de Blogger en tu blog.

Así de sencillo hemos ocultado nuestra barra de navegación

Como crear un BLOG en Blogger (Parte IV)

Muchas de las opciones básicas de blogger se configuran automáticamente, pero según vayamos avanzando en nuestros conocimientos de blogger, observaremos que es necesario obtener unos mínimos conocimientos de html para configurar más personalmente nuestras plantillas.

¿Que dice la wikipedia del código html?

En la vídeo-guía que os presento en este artículo, vamos a ver como podemos cambiar la plantilla de nuestro blog por una diferente del variado catálogo que nos ofrece blogger.

Recientemente blogger, ha incluido en sus plantillas prediseñadas las denominadas como vistas dinámicas, estas ofrecen a nuestro blog un look más profesional y atractivo, pero de momento sus capacidades de personalización son más bien escasas.

Cambiar la plantilla que actualmente tiene nuestro blog es realmente sencillo, para esto accederemos a blogger identificándonos con nuestra cuenta de google, seleccionamos la opción plantilla y ya una vez dentro en esta pantalla, podremos ir seleccionando la que mas se apropie a nuestro blog (recordar que podemos ir alternando la vista previa con nuestros cambios para ver el resultado final del cambio en nuestra plantilla):

En la vídeo-guía podremos seguir los pasos y ver los cambios que se realizan automaticamente en el diseño de nuestro blog.

Otras de las opciones que se nos presentan, es la personalización de la plantilla, con esta opción podremos cambiar desde el tamaño del blog (ajustar el ancho de cada sección), el de las columnas, pie y encabezados y otras series de estilos, una vez personalizado a nuestro gusto guarderemos los cambios aplicandolo a la plantilla seleccionada y nos posibilitará volver a las opciones de personalizar nuestro diseño, observar que tenemos siempre visible la visualización en pre-diseño para ver como afectan los cambios que se van produciendo.

También veremos una de las opciones más interesante para personalizar más profundamente nuestra plantilla, como es la edición html, antes de hacer ningún cambio en el código, os sugiero, que es muy importante hacer copia de seguridad de nuestra plantilla para poder volver a restaurarla en el caso de que falle algunas de nuestra líneas de html.

En esa opción accederemos a un Editor Html como vemos en la vídeo-guía, que nos posibilitará insertar nuevos códigos para hacer cambios directamente en aquellas cuestiones que no estén tan automatizadas.

Veremos en un próximo capítulo, el cambio que tenemos que hacer en nuestro código, para ocultar la barra de navegación de blogger que nos presenta el blog en la parte superior por defecto, precisamente, esta es una de las peticiones que más me hacen y que estudiaremos posteriormente.

Ver la Vídeo-Guía: