El manual o guía rápida de Blogger

Es un tutorial o guía para hacer que la curva de aprendizaje del sistema de blogs de Google se acorte. Es verdad que Blogger es ante todo un sistema fácil de aprender, con una interfaz muy intuitiva que agrada y hace que cualquier humano empiece a bloguear sin conocimientos previos. Pero, siempre está bien leer lo más importante que todo ciudadano debe saber antes de empezar a utilizar Blogger. Todo ello, brevemente y en varias páginas del blog oficial de Blogger se puede ver en un santiamén. Esta es la entrada al manual de Blogger, que parte describiendo lo que es un blog y la revolución que han llevado al mundo de la publicación online. Os dejo un pantallazo a la primera página del tutorial.

Quitando la barra de navegación superior en Blogger 2011

Veamos ahora cómo quitar la barra de navegación de Blogger a septiembre de 2011. Como anteriormente se hacía, tenemos que ir a la plantilla actual y editarla en HTML. Pero veamos cómo hacerlo y el código en las siguientes líneas. También os dejo una imagen con la barra de navegación de un blog. Está en la parte superior.



Lo único que tenemos que hacer es ir al menú lateral del panel de administración o tablero de Blogger y hacer clic en PLANTILLAS. Nos aparecerá el diseño del blog en la actualidad y justo debajo un menú para hacer EDICIÓN en HTML. Al elegir esta opción se nos avisará de lo peligroso que es tocar el código y aceptaremos el riesgo. Nos aparecerá el código de la plantilla, y ya únicamente tendremos que añadir tres líneas de código justo antes de la etiqueta de variables. Lo pongo aquí en negro lo que hay que poner para que desaparezca la barra de navegación.:

-----------------------------------------------
Blogger Template Style
Name:     Simple
Designer: Josh Peterson
URL:      www.noaesthetic.com
----------------------------------------------- */
#navbar-iframe {
   display: none !important;
}

/* Variable definitions
   ====================
   <Variable name="keycolor" description="Main Color" type="color" default="#66bbdd" value="#cfe7d1"/>

Con esta inserción de código justo antes del inicio de la etiquetas variable, ya no veremos la barra de navegación que por defecto poner Blogger. Si algún día queremos ver de nuevo la barra, simplemente quitaremos el código y volverá a aparecer.

Technorati: ping Categorizado en: conceptos Wikipedia: ping

Nuevo Blogger 2011

Vamos a empezar septiembre con un nuevo diseño en el interfaz de administración. Todo se ha renovado y ahora el tablero o panel de administración es más googleliano, más amplio y claro, más grande y con colores que nos recuerdan más a las demás aplicaciones de Google. Aquí os dejo un pantallazo de la nueva interfaz. Después de los cambios del año 2010, Blogger vuelve a renovarse en su interior, en su backend, en su sistema de administración del blog. Este es un ejemplo de la nueva interfaz en lo que corresponde a estadística del blog:

Technorati: ping Categorizado en: conceptos Wikipedia: ping

Canal audiovisual de aprendizaje de Blogger

Pido perdón a todos los internautas porque me es imposible responder a todas vuestras preguntas. Esta aventura empezó pensando que no iba a tener la repercusión que tuvo y tuve que renunciar a vuestros comentarios. Ahora estoy en otros proyectos como Eduvlog.org que tiene un gran canal de aprendizaje de Blogger con vídeo. Allí nos vemos.

Technorati: eduvlog Categorizado en: conceptos Wikipedia: vlog

Creando mensajes al azar en Blogger

Tanto para Blogger 1, como para la versión 2 de Blogger, tenemos la posibilidad de insertar mensajes de texto que aparezcan al azar en alguna de las columnas laterales de nuestros blogs en Blogger. Todo ello se hace con gran facilidad y no hace falta que el blogger sepa código XHTML para poder realizarlo. La aplicación a la que tenemos que acudir está en la web y nos la trae Hackosphere. Podemos meter hasta 10 mensajes de texto, no de código XHTML ya que en caso de utilizar etiquetas de código, da error el javascript que se genera. En Bloggerlandia podemos ver la aplicación en funcionamiento dentro de la columna lateral, en la sección que pone Google al azar. Cada vez que se carga la página web en el navegador, nos aparece un nuevo mensaje de los 11 que he puesto. Los mensajes sirven para recordar algunas de las excelentes aplicaciones del buscador de Mountain View. El código que se crea después de poner los mensajes de texto, lo elegimos y lo copiamos en el bloc de notas para posteriormente llevarlo letra por letra al lugar de la columna lateral que queramos. No olvidemos que el script tenemos que enmarcarlo dentro de una nueva etiqueta <div>.

Technorati: Hackosphere Categorizado en: trucos Wikipedia: Blogger

Quitando la barra de arriba en Blogger 2

Este es el código que tenemos que insertar en la segunda versión de Blogger o Blogger Beta para elimimar la barra de navegación de Blogger, también conocida por navbar, que aparece arriba del blog. Si ponemos el código que ya expuse aquí para que la barra desapareciera no sucede nada, ni siquiera muestra error alguno el editor de la plantilla. Acepta el código pero no sirve desaparece la navbar. Lo que tenemos que hacer ahora es añadir esté código antes de la etiqueta <head>


<style type="text/css">
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>


Technorati: Blogger Categorizado en: trucos Wikipedia: Blogger

Cuadros de texto incrustados en Blogger

A veces podemos incrustar cuadros de texto en los posts o artículos de Blogger. Son cuadros que crean barras de desplazamiento para poner textos largos. Veamos la forma de hacerlo con el código correspondiente que tenemos que utilizar. En el siguiente ejemplo os dejo el trozo de código necesario para hacer lo que debajo tenéis: un cuadro de texto con barras de desplazamiento. Sólo hay que copiar el código y llevarlo al blog propio.

<span id="fullpost"><div align="center"><pre style="overflow: auto; width: 400px; height: 150px;"><div align="left"><span style="font-size: 100%;">

En este espacio ponemos el texto que queramos; sea largo o corto.

</span></div></pre></div>

Technorati: blogger Categorizado en: trucos Wikipedia: Blogger

Los interfaces en Blogger

Todas la aplicaciones de gestión de contenido, dejando a un lado los wikis, tienen dos partes diferenciadas: el frontend y el backend. Aquí está el archivo de screencast que he grabado para explicar este tema. El screencast es una grabación digital de lo que el autor hace en la pantalla; algo ideal para fines educativos. Hay más screencasts sobre temas de Blogger que iré publicando poco a poco. Para ver los screencast con extensión AVI en MPEG-4, se necesita tener los códecs XviD o DivX. Si escoge ver el screencast con formato Flash, tenga paciencia mientras se cargan los 14 megabytes del archivo. Necesitará el visor de Flash 6 para ver este fichero. Si escoge ver el screencast con uno de los códecs XviD o DivX, recuerde que tiene que tener un reproductor para estos archivos tan populares; le aconsejo que use BSPlayer o Videolan si usa como sistema operativo Windows, Videolan si usa Mac y MPlayer o Videolan si su S.O. es el extraordinario GNU/Linux. El códec de XviD puede ser descargado desde mi servidor para poder visionar el fichero AVI con este excelente códec de Software Libre.

Descarga del fichero en formato .avi [codec XviD]: 4,83 MB. Duración de descarga: 46 segundos con ADSL de 1 mega a 107 kbps.
Descarga del fichero en formato .avi [codec DivX]: 1,6 MB. Duración de descarga: 10 segundos con ADSL de 1 mega.
Visionado del fichero en formato privativo Flash [.swf]: 14 MB. Duración de descarga: 2 minutos 25 segundos con ADSL de 1 mega.


Technorati: screencast Categorizado en: screencasts Wikipedia: screencast

El post, el nuevo paradigma

Lo mismo que las generaciones hasta ahora han tenido como referencia de la documentación la página del libro, en la Era de Internet aparece un nuevo paradigma: el post. También lo podemos llamar artículo ya que es un contenido en formato digital que se inserta en un sitio web como marca de archivo. Los posts se han popularizado con los CMSs o sistemas de gestión del contenido, pero ha sido con los sistemas de blogs cuando han cogido la importancia que tienen ahora. Desde el momento en que la gente entiende que Internet es también un canal para generar contenido dinámico, el post ha aparecido como la unidad sobre la que se articula el contenido archivado en un blog. El post es la parte más importante del blog y sin él, el sitio web pierde su esencia. Podemos tener un diseño fabuloso para nuestro web, pero sin contenido, sin posts, todo queda en una web que no va a ser visitada de nuevo. El post, por el contrario da sentido a la web basada en el contenido dinámico que valga para algo y genere nuevas visitas.

El post es, por lo tanto, cada una de las entradas que creamos en los blogs. Entradas que pueden tener un tamaño variable y que llevan un título y un cuerpo del artículo como mínimo, además de llevar el nombre del autor, la fecha de publicación, un enlace a los comentarios y trackbacks de los internautas y el enlace permanente del post. En algunos sistemas de blogs también aparece un campo de datos para el resumen o entradilla del post, aunque en Blogger esto no está implementado aún. El post es por lo general corto y juega un papel central dentro del cambio del paradigma del contenido digital en red: de la página de libro al post del blog.

Etiqueta en Technorati: post Categorizado en: conceptos Wikipedia: post

Botones de Blogger: América

Aquí tenemos los botones y el código necesario para que los usuarios de Blogger en América puedan sentirse orgullosos de usar este sistema de blogs. Sólo hay que copiar el código que aparece debajo de cada una de las imágenes y copiarlo en uno de los bloques de enlaces que tengamos en la columna derecha o izquierda de nuestro blog.



<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/bloggerarg.png" title="BLOGGER argentino" /></a>



<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/bloggerchi.png" title="BLOGGER chileno" /></a>



<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/bloggercol.png" title="BLOGGER de Colombia" /></a>



<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/bloggermex.png" title="BLOGGER de México" /></a>



<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/bloggerper.png" title="BLOGGER de Perú" /></a>



<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/bloggerven.png" title="BLOGGER de Venezuela" /></a>

Etiqueta en Technorati: Blogger Categorizado en: botones Wikipedia: Blogger

Implementación de la funcionalidad "Enviar a un amigo"

Suele ser interesante el dejar una opción de envio de las entradas o artículos del blog a un amigo. Con ello, el usuario que al leer un post vea que ese contenido sea del interés de un amigo, puede enviarlo directamente por correo electrónico. Es una forma de ganar amigos y quedar bien con los colegas. Pero, aparte de quedar bien, también sirve para dar a conocer más el blog y no sólo en la blogosfera, sino en todo Internet, incluidos los sitios de la web 1.0. Blogger también ha pensado en esta funcionalidad y la incorpora al sistema de administración de bitácoras. Por medio del icono de un sobre de carta se advierte al navegante sobre la opción de enviar a un amigo el artículo por ser de su interés.

Lo único que tenemos que hacer en Blogger para que nos aparezca el sobre de carta para que los navegantes puedan enviar nuestro contenido a sus amigos es ir al panel de administración de Blogger y entrar en la pestaña Opciones. Una vez estemos en opciones, hacemos clic en la pestaña de opciones básicas y buscamos lo que aparece en esa imagen:



Con esa opción en afirmativo (sí), el sistema de Blogger saca en la plantilla de nuestra bitácora el sobre de carta que viene a dar a entender que ya se puede enviar el artículo a un amigo cuando el navegante pincha en él. En la imagen de abajo se puede ver el sobre de carta:




Si lo quiere dejar en otra posición dentro del post, tenemos que colocar el trozo de código siguiente: <$BlogItemControl$> y ponerlo en la posición que deseemos, como por ejemplo debajo del título del post. De todas formas, la funcionalidad "enviar a un amigo" suele quedar mejor en la parte de abajo del post. Recordemos también que en el <head> de la plantilla también se genera el código <$BlogMetaData$> para poder implementar esta funcionalidad que nos ayudará a publicitar el blog.


Etiqueta en Technorati: blogosfera Categorizado en: trucos Wikipedia: blogosfera

Botones de Blogger: Europa

Aquí tenemos los botones antipixel y el código necesario para que los usuarios de Blogger en Europa puedan sentirse orgullosos de usar este sistema. Sólo hay que copiar el código que aparece debajo de cada una de las imágenes y copiarlo en uno de los bloques de enlaces que tengamos en la columna derecha o izquierda de nuestro blog:



<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/bloggercat.png" title="BLOGGER de Catalunya" /></a>



<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/bloggeresp.png" title="BLOGGER de España" /></a>



<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/bloggereh.png" title="BLOGGER de Euskal Herria" /></a>



<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/bloggergal.png" title="BLOGGER de Galiza" /></a>



<a href="http://blogger.com/"><img src="http://www.ehu.es/palazio/botoiakbloggerlandia/bloggernaf.png" title="BLOGGER de Nafarroa" /></a>


Technorati: Blogger Categorizado en: botones Wikipedia: Blogger