Subscribe:

Ads 468x60px

Labels

viernes, diciembre 15, 2006

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: Categorizado en: Wikipedia:

sábado, noviembre 25, 2006

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: Categorizado en: Wikipedia:

domingo, julio 09, 2006

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: Categorizado en: Wikipedia:

jueves, julio 06, 2006

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: Categorizado en: Wikipedia:

martes, julio 04, 2006

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.

Blogger argentino

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

Blogger de Chile

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

Blogger de Colombia

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

Blogger de México

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

Blogger de Perú

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

Blogger de Venezuela

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

Etiqueta en Technorati: Categorizado en: Wikipedia:

lunes, julio 03, 2006

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:

enviar a un amigo

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:


enviar a un amigo

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: Categorizado en: Wikipedia:

domingo, julio 02, 2006

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:

Blogger de Catalunya

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

Blogger de España

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

Blogger de Euskal Herria

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

Blogger de Galiza

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

Blogger del País Vasconavarro

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


Technorati: Categorizado en: Wikipedia:

sábado, julio 01, 2006

El retroacceso o trackback

Trackback, retroacceso o enlace inverso, como también se le llama en castellano, es un concepto dificil de entender y que conviene practicar para realmente ver cómo funciona. Intentaré dar una definición asequible para todos.

Antes de nada, es importante recordar que el trackback nace en el campo de los blogs y fue inventado por la empresa Six Apart, creadora de uno de los sistemas de bitácoras pioneros en el campo de esta tecnología: Movable Type. El retroacceso es un enlace inverso por que el cual el creador de un post en un blog A hace un enlace al creador de un post interesante en un blog B. Con ello, los dos artículos quedan relacionados por medio del trackback. Por ello, no es necesario avisar al creador del post en el blog B de que le vamos a poner un enlace, ya que con el trackback la referencia a este enlace inverso aparece en el blog B. Así, el trackback toma una importancia pareja a la que puede ser la de un comentario, y se utiliza como método de los bloggers para expandir más su información, para entrar en redes semánticas con bloggers que hacen buenos artículos y así tener más visibilidad en Internet y en la web 2.0. Six Apart, La empresa creadora del concepto tracback, tiene un grupo de trabajo de esta tecnología en Lifewiki.

En otro artículo explicaré cómo implementar los Blogger backlinks, que tienen la funcionalidad de los trackbacks. Hay personas que todavía no conocen esta opción reciente de Google y que siguen utilizando el sistema Haloscan.

Etiqueta en Technorati: Categorizado en: Wikipedia:

jueves, junio 29, 2006

Botones de Blogger y Blogspot

Este es el código para poner en una columna de su blog el botón antipixel de 80x15 px. que sirva para mostrar tu orgullo de utilizar el sistema de administración de blogs Blogger y los servidores Blogspot de Google:

Blogger

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

Blogger

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

Blogger

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

Blogspot

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

Technorati: Categorizado en: Wikipedia:

miércoles, junio 28, 2006

Los atributos de las imágenes del blog

Los atributos son los elementos que podemos insertar dentro de las etiquetas XHTML. En esta ocasión quiero hablar de la etiqueta IMG que sirve para pintar o publicar una imagen esté donde esté. La etiqueta IMG tiene el siguiente aspecto. Recordemos que los puntos suspensivos reemplazan a la ruta http de la imagen.

<img src="...." />

Los atributos de la etiqueta IMG son: title, alt, width, height, align, hspace y vspace.
  • title: sirve para poner un título a la imagen y es estándar en XHTML. Las últimas versiones del navegador Explorer la leen, gracias a que a Microsoft, contra su voluntad, se le ha forzado a ello. Al poner el ratón sobre la imagen, el texto del title le aparece al internauta; aunque en Explorer esta función se otorga a la etiqueta alt.
  • alt: es el mismo atributo que title, pero siguiendo el pseudo-estándard de Microsoft. El término proviene de "texto alternativo". Lamentablemente conviene que los desarrolladores la pongan con el fin de compatibilidad con navegadores de hace unos años. Simplemente cortamos lo que hayamos puesto en el elemento title y lo pegamos en el elemento alt.
  • width: sirve para marcar en píxeles el ancho de la imagen.
  • height: sirve para mostrar el alto de la imagen.
  • align: usada para alinear la foto a la derecha o izquierda del texto que le acompaña (right=derecha y left=izquierda)
  • hspace: para marcar el espacio horizontal que dejamos entre el texto y el borde de la imagen.
  • vspace: para marcar el espacio vertical que dejamos entre el texto y el borde de la imagen.
Veamos ahora cómo se incrustan estos elementos en la etiqueta. Pongo un ejemplo ficticio:

<img src=".../ehu.png" title="EHU" alt="EHU" width="80" height="15" align="left" />

Los elementos width y height solemos ponerlos cuando queremos cambiar algo las medidas de una foto o imagen original que hemos subido al servidor sin antes bajarla en tamaño. Con estas dos etiquetas y teniendo siempre en cuenta que conviene guardar la proporcionalidad entre el ancho y alto, adaptamos mejor la imagen al espacio en el que queramos insertarla. También quiero recordar que el error más común que tienen los bloggers novatos es el de poner los atributos sin separación alguna entre ellos, lo cual es un error grave ya que de esa forma el navegador no los puede leer. Los elementos deben ir separados, como aparece en el ejemplo.


Etiqueta en Technorati: Categorizado en: Wikipedia: