Si visitamos algunos de los blogs más famosos tanto nacionales

Transcripción

1 Ampliar el blog con utilidades (widgets) 1. INTRODUCCIÓN Si visitamos algunos de los blogs más famosos tanto nacionales como internacionales, nos daremos cuenta de que sus páginas están llenas de distintos elementos conocidos como widgets o gadgets. Estos elementos son pequeñas aplicaciones o utilidades que amplían el contenido del blog. Podemos encontrar widgets prácticamente para todo: Nubes de etiquetas o campos de búsqueda directa para facilitar la búsqueda en el blog. Encuestas. Acceso rápido a los últimos comentarios realizados. Acceso a las imágenes del propietario del blog en Flickr o en Picasa. Barras de vídeo. Publicidad. Blogrolls o blogs que suele leer el autor, incluyendo el último post realizado en ellos. Últimos lectores del blog registrados. Procedencia de los lectores del blog. Enlaces para facilitar la suscripción al blog con los principales lectores RSS. Etc., etc. La ventaja de publicar un blog en una plataforma como Blogger es que millones de usuarios la utilizan, lo que favorece la aparición de estos widgets. Algunos de ellos son creados por el propio equipo de Blogger, por lo que su utilización es realmente sencilla, sin necesidad de modificar directamente el código de la plantilla del blog. Otros widgets son creados por programadores externos, pero normalmente también es sencilla su instalación. En esta lección conoceremos algunos de los widgets más populares. 2. LOS WIDGETS DE BLOGGER Empezaremos conociendo los widgets que Blogger proporciona para personalizar el blog. Alguno ya lo hemos añadido, como el conjunto de etiquetas utilizadas en el blog o una lista de vínculos, pero hay muchos más. Copyright Computer Aided Education, S.A. 1

2 Debes acceder al apartado de diseño del blog y pulsar en el enlace Añadir un elemento de página de la pestaña Elementos de la página. Normalmente estas pequeñas aplicaciones se sitúan en la barra lateral del blog, también conocida como sidebar. La ventana que aparece al pulsar en el enlace anterior muestra el conjunto de widgets preparados por el equipo de Blogger. 2

3 Veamos para qué sirven algunos de ellos: Presentación: permite crear una presentación con las imágenes publicadas en el blog. Encuesta: para realizar una pregunta y obtener las respuestas de los lectores del blog. Se muestran estadísticas automáticamente. Lista y Lista de vínculos: permiten crear una lista de texto y de vínculos, respectivamente. Por ejemplo, para crear una lista de nuestros sitios web favoritos o blogs que solemos leer (lo que se conoce como blogroll), podríamos utilizar una lista de vínculos. Imagen: añade una imagen en el blog en el lugar donde incluimos el widget. AdSense: para añadir publicidad en el blog utilizando el servicio AdSense de Google. Ya veremos cómo hacerlo. Texto: para incluir texto en una parte del blog. HTML/Javascript: permite incorporar widgets de terceros, copiando el código correspondiente. Feed: permite incorporar las últimas entradas de otro blog mediante la sindicación de contenidos. Ya veremos qué es esto. Etiquetas: para acceder rápidamente a las entradas del blog que nos interesan. Actualidad: añade los titulares de noticias actuales a través del servicio Google Noticias. Barra de vídeo: para reproducir vídeos de YouTube y Google Video sin necesidad de salir del blog. Logotipo: para incluir el logotipo de Blogger. También vemos que aquí aparecen los elementos Perfil, Archivo del blog y Cabecera del blog, que disponemos en nuestro blog desde el principio. Copyright Computer Aided Education, S.A. 3

4 Por lo tanto, para añadir un widget, lo único que tenemos que hacer es pulsar en el botón AÑADIR AL BLOG del mismo. Tras pulsar en este botón, accederemos siempre a una página donde debemos configurar el widget. En función de su naturaleza, tendremos unas u otras opciones de configuración. Por ejemplo, en la figura siguiente vemos la página de configuración de una encuesta. Tienes que escribir la pregunta que planteas en el blog y sus posibles respuestas. Cuando hayas completado la configuración, pulsa en GUARDAR y el widget se añadirá a la página del blog. Allí podrás cambiarlo de ubicación si así lo deseas con la técnica de "arrastrar con el ratón". Además, el equipo de Blogger está desarrollando widgets continuamente, por lo que podrás encontrar otros que no hemos visto aquí. 3. EL BORRADOR DE BLOGGER Si queremos conocer los últimos widgets desarrollados por el equipo de Blogger o las últimas novedades en su funcionamiento, debemos acudir al sitio El borrador de Blogger o Blogger Draft. 4

5 Lo que encontremos allí son los últimos desarrollos, que el equipo de Blogger aún no ha publicado en la plataforma oficial porque están "en pruebas". Para acceder al Borrador de Blogger, utilizarás la página de entrada draft.blogger.com en lugar de la habitual El funcionamiento es el mismo que hemos visto hasta ahora pero con las novedades en desarrollo. El aspecto del Borrador de Blogger es prácticamente el mismo que la plataforma oficial Blogger, cambiando la imagen de la cabecera de la página. Uno de los cambios que podemos ver es que el enlace para añadir un elemento ha cambiado por Añadir un gadget. Pulsando en dicho enlace, accedemos al conjunto de widgets en desarrollo. Algunos de los gadgets o widgets que aparecen aquí ya los hemos visto publicados en la plataforma oficial Blogger, pero podemos encontrar otros nuevos que todavía no han sido publicados. Por ejemplo, el primero que podemos encontrar es el de Lista de blogs, que permite añadir un blogroll mucho más cómodamente que hacerlo mediante el widget Lista de vínculos. Otro widget muy interesante es el de Vínculos de suscripción, que facilita la suscripción de los visitantes al blog mediante los lectores de feeds más populares. Copyright Computer Aided Education, S.A. 5

6 El proceso es el mismo que ya hemos visto, es decir, accederemos a una página de configuración del widget y después podremos situarlo en el lugar deseado de la página del blog. En la figura de la derecha puedes ver un widget muy interesante: el cuadro de búsqueda. Permite realizar búsquedas directas en el propio blog. Realiza la misma función que el cuadro de búsqueda de la barra superior de Blogger, pero al incorporarlo dentro de la página del blog, se hace más obvia esta posibilidad. Por ejemplo, en esta página de configuración determinaremos dónde puede buscar el visitante del blog: en el blog, en las páginas a las que se accede desde el blog (enlaces) y en Internet. 6

7 Observa el resultado de buscar la palabra azúcar con este nuevo widget. En la parte superior de las entradas encontramos el resultado de la búsqueda tanto en el propio blog (Este blog), como en los sitios que enlaza el blog (Acceso desde aquí), y la búsqueda en Internet (Internet). Claro está, utilizando la tecnología de búsqueda de Google. Es importante elegir con cuidado los widgets que incorporemos en nuestro blog, ya que la presencia de un gran número en la página del blog puede abrumar a los visitantes. Elige aquellos widgets que realmente sean útiles y no sólo porque esté de moda hacerlo. Finalmente, recuerda que los widgets que aparecen en el Borrador de Blogger o Blogger Draft están en desarrollo, por lo que lo más aconsejable es esperar a que estén publicados en la plataforma oficial de Blogger. 4. WIDGET DE COMENTARIOS RECIENTES La comunidad de usuarios y programadores que utilizan Blogger es tan grande, que es fácil encontrar en Internet otros widgets o utilidades para nuestro blog. Copyright Computer Aided Education, S.A. 7

8 Para incorporar widgets no oficiales, deberemos modificar el código de la plantilla o hacerlo a través del elemento HTML/ Javascript, donde normalmente se personaliza el widget a nuestras necesidades. Uno de los widgets más utilizados es el de los comentarios recientes. Es habitual encontrar en una de las columnas del blog un apartado con los comentarios recientes que han efectuado los visitantes del blog. Es conveniente utilizar widgets conocidos y populares. Para ello, antes de decidirte por alguno, comprueba los comentarios de las personas que lo han utilizado y si se hace referencia al mismo en otros blogs o lugares de Internet. Investiga un poco antes de confiar en el autor del código del widget. Si buscamos comentarios recientes en blogger con cualquier buscador de Internet, obtendremos varias formas de conseguir esta funcionalidad. Veamos cómo utilizaríamos un widget cuyo código hemos encontrado en Internet. Paso 1: Incorporar una referencia al código del widget en la cabecera del blog. Debes acceder a la ficha Edición de HTML del diseño del blog y escribir la referencia antes de la etiqueta </head>. Por ejemplo, hemos utilizado la versión de este widget disponible en por lo que se ha incluido el código que puedes ver en la página siguiente. 8

9 Un archivo con extensión.js es de código Javascript. <script src=' js' type='text/javascript'/> Con esta referencia lo que estamos indicando es que se busque el código del widget en la dirección indicada. En la mayoría de los casos se trata de código Javascript, que puede ejecutar todos los navegadores actuales. El problema que puede presentarse es que desaparezca el código en dicha dirección. Una opción sería acceder a la URL y copiar el código aquí en lugar de la referencia al archivo.js que acabamos de incluir. Dicho código debería aparecer siempre entre las etiquetas <script> y </script>. Sin embargo, es más elegante hacer referencia a dicho código, como vemos en la figura anterior, ya que, por una parte, el autor podría actualizarlo (mejorarlo) posteriormente; y, por otra, es una forma de mencionar el autor del widget. Paso 2: Añadir el widget como un elemento HTML/Javascript. El siguiente paso es añadir el elemento del blog que utiliza este código. Para ello, se utilizan los elementos de tipo HTML/ Javascript. Copyright Computer Aided Education, S.A. 9

10 Por lo tanto, accederemos a la ficha Elementos de la página y pulsaremos en el enlace Añadir un elemento de la página. Debes elegir el tipo HTML/Javascript. En la página de configuración de dicho elemento, escribirás el título con el que quieras que aparezca en el blog y el código que utilice el widget anteriormente referenciado en la cabecera de la página web. <br/><script language="javascript"> var numcomments = 10; var numchars = 60; </script> <script src=" comments/default?start-index=1& alt=json-in-script&callback=commentdisplay"></script> Es decir, incluiremos el código HTML/Javascript necesario para utilizar el widget al que hemos hecho referencia en la cabecera de la página. Cuidado al pegar código copiado de una página web, ya que podría pegarse mal. En especial, hay que prestar atención a las comillas simples (') y dobles ("). 10

11 En la figura anterior vemos que se utilizan algunos ajustes de personalización del widget. Por ejemplo, con numcoments estamos indicando cuántos comentarios, como máximo, queremos que aparezcan en la página; y con numchars, el número de caracteres que se incluirá, como máximo, de cada comentario. Además, se utiliza el feed de comentarios de nuestro blog en particular, es decir, de entresartenes.blogspot.com. Por lo tanto, sólo haría falta cambiar la URL de este último detalle para que funcionase en otro blog. En la figura anterior puedes ver los últimos comentarios realizados en el blog. Además, con la particularidad de que podemos acceder directamente a ellos. En ocasiones no es necesario modificar el código del blog, como hemos hecho para incluir el widget de últimos comentarios. Podremos encontrar widgets autoinstalables en el blog, para lo que simplemente tendrás que confirmar el permiso de instalación desde Blogger. Es un proceso similar al que ocurre cuando configuramos Flickr para poder publicar entradas desde él directamente en el blog de Blogger. Copyright Computer Aided Education, S.A. 11

12 Aunque puedes encontrar muchas páginas en Internet con trucos y widgets para Blogger, es conveniente acceder a los más famosos o populares. Daremos algunas direcciones útiles. 5. EDITAR Y ELIMINAR WIDGETS Si necesitas cambiar alguna de las opciones de configuración de un widget que has añadido o simplemente quieres eliminarlo del blog, el proceso es muy sencillo. Para ello se utiliza el enlace Editar del propio widget. Al acceder a la página de configuración, podrás cambiar cualquiera de sus detalles y también tendrás la opción de eliminar el widget en sí. Indicarte también que algunos de los widgets pueden incluirse más de una vez en el blog, mientras que otros sólo podrás hacerlo una vez. Por ejemplo, puedes añadir más de un bloque de etiquetas o encuestas y, sin embargo, sólo se puede añadir una cabecera del blog. 12