Image by iogi via Flickr

¿Cómo coloco un icono junto a mi dirección web que sustituya al icono predeterminado de Blogger?

Se le llama favicon, y el caso de Blogger tienen este que vez en la entrada.

Este es el icono que identifica a Blogger y a su servicio gratuito de alojamiento y administración de blogs. Pero si deseas tu propia imagen para acompañar la dirección de tu web es esto lo que debes hacer:

1) Escoge una imagen que debes llevar a las medidas de 48 por 48 pixeles y debes guardarla como archivo png.

2) Sube esta imagen a Internet, aprovechando un servicio gratuito de alojamiento de imágenes online como ImageShack o Flickr.

3) Coloca la dirección de tu imagen dentro del código que sigue y en donde están mis mayúsculas:



<link href='AQUI VA LA URL DE TU IMAGEN' rel='shortcut icon' />


4) Ve a Diseño en tu escritorio de Blogger, y allí selecciona la pestaña "Edición de HTML"

5) Busca con CTRL+F dentro del código de tu plantilla la frase /head (fíjate que se la que va precedida por backslash). Justo antes de esta coloca el código.

UN ÚLTIMO CONSEJO: Como la imagen que debes escoger es pequeñita, seguramente tendrás que probar con varias hasta encontrar la que quede bien a esa escala y que resulte atractiva e identitaria para tu blog. Así que te recomiendo subas varias imágenes y pinches cada vez Vista Previa, antes de encontrar lo que buscas y guardar definitivamente los cambios.

Y eso es todo. Espero que no te sea muy difícil. Por si acaso, mi correo está en el sidebar, recuerda. No dejes de escribirme tus dudas.

Nos vemos en la próxima.

Este truco les servirá para redactar un post o entrada a dos columnas, manera clásica de presentación de contenidos en periódicos y revistas.

Para ponerlo en práctica sólo deberás escribir tu post en "Edición de HTML" en vez del convencional "Redactar". Allí copiarás este código y completarás las dos secciones con tu texto. La sección TEXTO 1 quedará a la izquierda, mientras que TEXTO 2 se leerá a la derecha, como verás en el ejemplo que colocaré más adelante. Puedes manipular el ancho de las columnas cambiando los parámetros numéricos del código.

He aquí el código (cópialo a un documento de texto, preferiblemente de texto plano -txt o bloc de notas-; luego pégalo en tu post, que deberás escribir en "Edición HTML" no en "Redactar"; ve probando cómo queda y si quieres hacerle cambios en "Vista previa")




<table><tbody><tr><td style="PADDING-RIGHT: 15px; MARGIN-TOP: 0px; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; WIDTH: 40%; PADDING-TOP: 15px"><p style="TEXT-ALIGN: justify"> TEXTO 1 ...........



</p><td style="PADDING-RIGHT: 15px; MARGIN-TOP: 0px; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; WIDTH: 40%; PADDING-TOP: 15px"><p style="TEXT-ALIGN: justify"> TEXTO 2 ..........</p></td></tr></tbody></table>





Acá te dejo un ejemplo de cómo queda. Fíjate que puedes incorporar imágenes, links y cualquier otro recurso que quieras acompañe tu texto en las columnas.

La taza de café Internet está lleno de sitios que se dedican a generar información "de ayuda" para personas que administren webs o blogs sin poseer los conocimientos requeridos. Un blog o bitácora es un sitio web que se actualiza periódicamente, brindando las herramientas básicas de administración web gratuitamente a los usuarios mediante una interfaz sencilla que no demanda conocimientos especializados en diseño o administración web. Mediante estas plataformas, cualquier persona con acceso a Internet puede montar un sitio web propio en tan sólo un par de segundos y comenzar a publicar inmediatamente su contenido en el mismo.

La taza de café es un proyecto de ayuda para incentivar la creación y sostenimiento de bitácoras cubanas. Ponemos nuestros conocimientos al alcance del ciudadano interesado en crear su bitácora, y buscamos soluciones y vías para contrarrestar nuestras desventajas tecnológicas y el hecho de que el acceso a Internet en el país sea prácticamente inexistente.  La taza de café genera material basado en conexiones lentas y en la explotación del correo electrónico (Intranet) como vía para acceder a Internet. Contamos con un Grupo en Grupos Google, desde el que circularemos además programas, tutoriales, plantillas de diseño, entre otros archivos de interés.

Suerte.

Image via Wikipedia

Siguiendo nuestra máxima de "Aprenderás leguaje XHTML o aprenderás lenguaje XHTML" traigo hoy todo lo referente a los atributos xhtml de una imagen. Así, si queremos colocar una imagen como link en nuestro blog o página web (lo cual es muy recomendable si queremos que nuestro sitio sea ligero y no pesado y lento a la hora de abrir) estos son los valores que debemos añadirle para optimizarla a la vista y para que sea interpretada (esto es indexada) correctamente por los navegadores.

Un código XHTML de imagen luce así:




<img src="http://img188.imageshack.us/img188/8810/latazadecaf.png" />


Escribiendo el código anterior, cuya dirección de imagen es la del icono La taza de café, la imagen aparecerá en pantalla tal y como aparece aquí:

Sustituyendo la dirección de mi icono de taza de café por la dirección de alguna imagen subida por ti a un servicio de alojamiento de imágenes (como Flickr o Image Schack) podrás incorporarla a cualquier post de tu blog o en el sidebar (en el post, trabajando en la vista de "Edición HTML" en vez de en la convencional "Redactar", y en caso del sidebar, agregando el elemento de página "HTML/Javascript" con el cuál podrás introducir cualquier código a tu blog en un lugar diferente del que corresponde a las entradas o posts).

Ahora bien, ¿qué atributos debemos o podemos agregar en lenguaje XHTML al código de nuestra imagen? Acá sigue la lista explicada de los atributos de imagen:

Los atributos de la etiqueta IMG (imagen) son: title, alt, width, height, align, hspace y vspace.

• title: se usa para colocar un título a la imagen (es estándar en XHTML). Al poner el mouse sobre la imagen, el texto del title aparece en pantalla, en forma de un pequeño letrero.
• alt: es lo mismo que title, pero siguiendo el estándard de Microsoft (un estándar propio y caprichoso, diferente del universal que es usado por otros navegadores). El término proviene de "texto alternativo". Es necesario poner este atributo independientemente del de title para que Internet Explorer y versiones viejas de otros navegadores lean el título de la imagen. La frase o palabra que pongamos en alt será la que veremos mientras la imagen en cuestión se carga dentro de la página.
• width: es el ancho en píxeles de la imagen. Si nuestra imagen es mayor o menor de lo que pensábamos o quedaría mejor con otras proporciones en nuestra página, podemos manipular sus dimensiones desde este atributo y el siguiente (ancho y alto) y viendo la Vista Previa hasta que quedemos conformes.
• height: la altura de la imagen.
• align: se usa para alinear la foto a la derecha o la izquierda del texto que la acompaña (escribiemos "right" si la queremos a la derecha y left si a la izquierda; si la queremos en el centro escribimos "center")
• 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 todo esto dentro del código de la imagen. Pongo una vez más el ejemplo del icono de La taza:


<img src="http://img188.imageshack.us/img188/8810/latazadecaf.png" title="icono del blog La taza de cafe" alt="icono del blog La taza de cafe" width="80" height="15" align="center" hspace="2" vspace="2"/>



Una nota útil: si queremos colocar una imagen que sea en sí misma un link (al pinchar la imagen se abre una nueva página) sólo debemos agregar el código de un enlace a nuestro código de imagen. El código de un enlace es


<a href="http://ayudacubablogs.blogspot.com">La taza de café</a>




La dirección http://... es la dirección de la web a que queremos se vaya al pinchar la imagen (he puesto la dirección de La taza de café).
Donde pongo La taza de café puede ir un texto o una imagen, lo que se quiera que aparezca como link.

Así, si agrego un link a La taza de café a la imagen de mi icono el código será el siguiente:


<a href="http://ayudacubablogs.blogspot.com" target="_blank" ><img src="http://img188.imageshack.us/img188/8810/latazadecaf.png" title="icono del blog La taza de cafe" alt="icono del blog La taza de cafe" width="80" height="15" align="center" hspace="2" vspace="2"/></a>






Bueno, creo que haz aprendido bastante XHTML por hoy. Espero que lo apliques en tu página. Suerte con ello.

Image via Wikipedia

Por lo general cuando se cambia la plantilla de diseño en Blogger se pierden muchas de cosas que habíamos agregado al sidebar (imágenes, widgets, utilidades de blogger...). Sin embargo, hay una forma de cambiar nuestra plantilla tantas veces querramos sin que se mueva una sola de nuestras atracciones del sidebar.

He aquí lo que debemos hacer:

1) Vamos a “DISEÑO” en nuestro Escritorio de Blogger, allí pinchamos la pestaña “EDICIÓN DE HTML“.
2) Seleccionamos “Expandir plantillas de artilugios” y buscamos en el código la siguiente linea (ayudándonos con el comando Ctrl+F): b:section class=’sidebar‘ id=’sidebar‘ preferred=’yes’>

3) Debajo de esta línea encontraremos el código que controla nuestros widgets. Veremos algo parecido a esto (ten en cuenta que he puesto los artilugios Archivo del blog y Datos personales como ejemplo, pero probablemente tengas más que esos; debes asegurarte de que estás seleccionándolos a todos para que ninguno se pierda):




<b:widget id="’BlogArchive1‘" locked="’false’" title="’Archivo" del="" blog‘="" type="’BlogArchive‘/">

<b:widget id="’Profile1‘" locked="’false’" title="’Datos" personales‘="" type="’Profile‘/">

</b:widget></b:widget>


4) Copia ese trozo de código: con ello habrás guardado tus widgets y habrás dejado tu sidebar a salvo de cualquier cambio de plantilla. Guarda el código copiado en un documento de texto, preferiblemente en uno de texto plano, como txt.
5) Una vez que hayas decidido cuál será tu nueva plantilla no te preocupes si sale el aviso de que tus widgets se perderán; acepta todo y guarda tu nueva plantilla.
6 y último) Ya instalada tu nueva plantilla colocaremos nuevamente nuestro sidebar pegando el código guardado detrás de la siguiente línea: b:section class=’sidebar‘ id=’sidebar‘ preferred=’yes’>

Debe quedar de esta forma:


<b:section class="’sidebar’" id="’sidebar‘" preferred="’yes’">

AQUI DEBE IR TU CODIGO

</b:section>




Y eso debe ser todo. Si tienes algún problema no dejes de escribirme. Ahora puedes cambiar la plantilla de diseño de tu blog o sencillamente probar cómo se vería bajo otro diseño del que aún no estás seguro o segura sin perder los cambios de tu página.
Suerte con todo. Y si tienes algún problema no dejes de escribirme.

Image via Wikipedia

Hace poco dediqué un post de La taza de café al cómo hacer para que los nevagantes impriman y guarden los posts de nuestro weblog en pdf. En ese post expliqué varias maneras de implementar esta funcionalidad en el blog.
Ahora les dejo otra que hace poco hallé en la red y que tiene la particularidad de ser un botón que funciona para ambas cosas, tanto para imprimir como para guardar nuestras entradas en pdf.

Les dejo varios diseños de este botón que al pincharse lleva a la página del servicio Print Friendly, que permite escoger entre las dos opciones (imprimir o guardar el blog en pdf) e incluso hacer las dos cosas si queremos.

Cada uno de estos botones puede colocarse en la barra lateral o justo antes de las entradas, para que salga siempre a loa cabecera de nuestra última publicación. Para colocarlo en uno de estos dos lugares sólo se tiene que llevar el código a un nuevo elemento de página (Diseño, luego "Elementos de la página", luego "Agregar nuevo elemento"; escoger "HTML/Javascrpt") y una vez agregado a los elementos de nuestro blog colocarlo en el lugar donde querramos aparezca.

Si por el contrario se desea que el código salga al final de cada entrada debe pincharse la pestaña de Diseño "Edición de HTML", y allí buscar dentro de nuestra plantilla (ayudándonos con Ctrl+F) la frase post-footer-line-3'> ; justo después de la comilla que cierra debe colocarse el código de nuestro botón.

Estos son los diferentes íconos de Print friendly de los que pueden escoger el que más les convenga:


Botón pequeño, "print / pdf":


<div id="pfButton"><link rel="stylesheet" href="http://cdn.printfriendly.com/printfriendly.css" type="text/css" /><script src="http://cdn.printfriendly.com/printfriendly.js" type="text/javascript"></script><a href="http://www.printfriendly.com" id="pfLink" onclick="window.print(); return false;" title="Print an optimized version of this web page or generate PDF" style="text-decoration: none;"><img id="printfriendly" style="border:none; padding:0;" src="http://cdn.printfriendly.com/pf-print-icon.gif" alt="Print"/><span style="font-size: 12px; color: #55750c;">Print <img id="printfriendly" src="http://cdn.printfriendly.com/pf-pdf-icon.gif" alt="Get a PDF version of this webpage" style="border:none; padding: 0;" /> PDF</span></a></div>


Botón mediano "Print friendly"


<div id="pfButton"><link rel="stylesheet" href="http://cdn.printfriendly.com/printfriendly.css" type="text/css" /><script src="http://cdn.printfriendly.com/printfriendly.js" type="text/javascript"></script><a href="http://www.printfriendly.com" id="pfLink" onclick="window.print(); return false;" title="Print an optimized version of this web page"><img id="printfriendly" style="border:none; padding:0;" src="http://cdn.printfriendly.com/pf-button-big.gif" alt="Print"/></a></div>



Botón más pequeño "print / pdf"


<div id="pfButton"><link rel="stylesheet" href="http://cdn.printfriendly.com/printfriendly.css" type="text/css" /><script src="http://cdn.printfriendly.com/printfriendly.js" type="text/javascript"></script><a href="http://www.printfriendly.com" id="pfLink" onclick="window.print(); return false;" title="Print an optimized version of this web page"><img id="printfriendly" style="border:none; padding:0;" src="http://cdn.printfriendly.com/pf-button-both.gif" alt="Print"/></a></div>



Otro donde se lee "Print friendly", más el icono convencional de imprimir:


<div id="pfButton"><link rel="stylesheet" href="http://cdn.printfriendly.com/printfriendly.css" type="text/css" /><script src="http://cdn.printfriendly.com/printfriendly.js" type="text/javascript"></script><a href="http://www.printfriendly.com" id="pfLink" onclick="window.print(); return false;" title="Print an optimized version of this web page" style="text-decoration: none;"><img id="printfriendly" style="border:none; padding:0;" src="http://cdn.printfriendly.com/pf-icon.gif" alt="Print"/><span style="font-size: 15px; color: rgb(85, 117, 12);">Print Friendly</span></a></div>





Última opción, por si se desea sólo colocar un texto como link o si se quiere usar una imagen de botón propio (en el caso de sólo texto como link usar este código cambiando la frase que coloco en mayúsculas para que sea más visible al final del código: Print Friendly, por otra que querramos usar/ en el caso de querer colocar una imagen propia a modo de botón esta debe subirse a un servicio de alojamiento de imágenes como Image Shack, y colocarse la dirección dentro del siguiente código, sustutuyendo la que aquí aparece ; después debe colocarse el código anterior completo luego de frase "text-decoration: none;"> del código que sigue):


<div id="pfButton"><link rel="stylesheet" href="http://cdn.printfriendly.com/printfriendly.css" type="text/css" /><script src="http://cdn.printfriendly.com/printfriendly.js" type="text/javascript"></script><a href="http://www.printfriendly.com" id="pfLink" onclick="window.print(); return false;" title="Print an optimized version of this web page" style="text-decoration: none;"><span style="color: rgb(85, 117, 12);">PRINT FRIENDLY</span></a></div>






Image by silkegb via Flickr

Este post es una versión texto, según el sistema de preguntas y respuestas, del slideshow del licenciado en Ciencias de la Comunicación Nelson Rafael Nusbaum que puede encontrarse en slide.com

¿Qué es la Web 2.0?

El concepto Web 2.0 surgió de una reunión entre O´Reilly y Media Live International en el 2004. La Web 2.0 es el resultado de la evolución de las aplicaciones tradicionales hacia aplicaciones Web enfocadas al usuario final o navegante.
Una visión Compartida para una Web Participativa donde somos a la vez productores Web 2.0.

¿Qué caracteriza a la Web 2.0?

-Las datos se insertan y extraen fácilmente.

-Gratuita (Generalmente)

-Los usuarios son los principales generadores de contenido.

-Todo (Usuario y Contenidos) se puede interconectar entre sí (Red).

-“Arquitectura de Participación” Tim O´Reilly

-Basada Exclusivamente en la Web

-Diseño sencillo y práctico

-Fácil aplicación y adaptabilidad. Suele hacer uso, según un concepto muy usado por los programadores y creadores de herramientas web, una interfaz sumamente "intuitiva" (que no requiere entrenamiento ni manuales) para el usario.

¿Hay ejemplos concretos de aplicaciones de la Web 2.0?

Sin duda. He aquí un par de ellos:

-Google: es el mejor ejemplo. Una Web con “aplicaciones centradas en el usuario”, fácil de usar, atractivo, en permanente innovación y gratuito (para el usuario).

-Blog: pensados inicialmente como una bitácora de navegación, para que el cibernauta pudiese registrar aquellos aspectos que estimara más relevantes, hoy los weblogs (web+log) –o blogs– ofrecen, bajo la estructura cronológica de un diario de vida, un espacio para publicar información -en dato (documentos), voz o video- en Internet.

¿Existen otras?

-Wiki: palabra que en lengua hawaiana significa rápido, es un tipo de aplicación que bajo la estructura de un procesador de texto en línea permite que cualquiera pueda escribir, publicar fotografías o videos, archivos o links, sin ninguna complejidad.

-Repositorios: una herramienta digital de especial utilidad para científicos y académicos interesados en compartir sus conocimientos. Creados bajo la filosofía del co-laboratorio, ofrecen la posibilidad de subir o descargar de la Web herramientas multimedia (texto, imágenes, voz o video) que pueden ser utilizadas con fines científicos o pedagógicos, principalmente en universidades y centros de estudios.

-Flickr: es el nombre de una compañía que innovó la manera de compartir imágenes a través de Internet. Al igual que los ejemplos anteriores, se caracteriza por ofrecer un espacio de almacenamiento gratuito y por contar con una interfaz sumamente intuitiva, permite subir fotografías a la red sin necesidad de instalar ningún tipo de software en la computadora. • You Tube: bajo la misma lógica de Flickr, esta herramienta ofrece algo que hasta hace muy poco era inimaginable para un usuario común: poder compartir videos o imágenes animadas sin contar con grandes recursos tecnológicos. Web 2.0

-Feevy: es un "agregador de blogs" en formato “compact” para poder incluir en un blog. Es decir que ahora, en lugar de una extensa lista de links favoritos, podemos ver las últimas entradas de cada blog (y el avatar de cada autor/a) en nuestro propio sitio. Una aplicación que permite la construcción de una interesante red de bloggers.

-Lectores RSS (Really Simple Syndication): en español significa “sindicación realmente simple”. Es un formato de archivo usado para la distribución de contenidos. Permite que alguien no sólo enlace con una página, sino se subscriba a la misma, y reciba notificaciones cada vez que la página cambia. RSS permite seguir una página desde distintas aplicaciones, incluida el correo electrónico, lo que significa que el navegador Web no es el único medio para ver una página Web. [Para saber más sobre esta aplicación léase el post de La taza de café dedicado a RSS]

-WIKIs: Se desarrolla de manera Colaborativa por un grupo de usuarios. Es editada fácilmente por cualquier Usuario. Aviso por email de cambios o Comentarios. Opción de cambos recientes (Historial). Se dispone de manera libre y gratuita de ¡una gran cantidad de información! Trabajo Colectivo.

-WIKIPEDIA: Wikipedia, una enciclopedia en línea basada en la inverosímil idea de que una entrada puede ser agregada por cualquier usuario de la Web, y corregida por cualquier otro, es un experimento radical de confianza, aplicando la máxima de Eric Raymond (acuñado originalmente en el contexto del software libre o abierto) de que para la generación de contenido" con ojos suficientes, todos los fallos son superficiales".

-Otras aplicaciones tipo WIKI: En la plataforma Web 2.0 existen también algunas aplicaciones de escritorio que se les ha llamado editores de texto colaborativos, pero que en realidad son wikis ya que mantienen el historial del texto con todas sus modificaciones. Son herramientas de entorno de escritorio que permiten hacer trabajos colaborativos con un interface limpio y usable.

Ejemplos:

Writely: http://www.writely.com
Writeboard: http://writeboard.com/

-Marcadores Sociales: Categorización colaborativa por medio de etiquetas simples en un espacio de nombres. Tener sus favoritos online. Web 2.0

-Podcasting: Método de distribución de archivos de audio o video (vcast) en Internet mediante el uso de RSS para ser escuchados en dispositivos portátiles. La diferencia entre un podcast y una descarga de audio o video es la suscripción. Las subscripciones se actualizan de manera desatendida (sin visitar el sitio Web origen). Las radios comerciales proporcionan sus contendidos en podcast Web 2.0.

¿Son las Redes aplicaciones de la Web 2.0?

Lo son. Redes Sociales: Comunidades Participativas donde se establecen relaciones entre usuarios en base a sus intereses comunes. Flickr, Facebook, Twitter entre las más famosas. Actualmente existen muchísimas en Internet y van en aumento.

¿Los weblogs qué son?

Es un espacio o sitio web de comunicación personal o de un colectivo con perfl personalizado. Sus contenidos abarcan cualquier tipología: video, audio, documentos, fotos, links... Incluye enlaces a otros sitios web que tienen relación con los contenidos del blog. La interactividad que permiten aporta un valor añadido como elemento dinamizador en el proceso de comunicación y desvirtúa la autoridad del "autor" del sitio así como la rigidez de una "obra" culminada.

¿En resumen, qué nos aporta la Web 2.0?

Fundamentalmente, más facilidades para el usuario. Día a día van surgiendo más aplicaciones que hacen nuestro tránsito por Internet un atractivo laberinto de descubrimientos y aprendizajes, permitiéndonos distintas formas de comunicación e incorporación de conocimientos. Slideshare.net, Slide.com, Podcast, Evoca.com, del.icio.us, bubbleshare.com, metacafe, dailymotion, jubbee.com, netvibes.com, feevy, entre muchas otras...

Image via Wikipedia

Blogger se actualiza constantemente, y en Blogger in Draft (Blogger en Borrador) podemos encontrarlas antes de que se pongan definitivamente en el panel del Blogger corriente. La diferencia entre ambos es tan sutil como un cambio de dirección y una casi indistinguible diferencia en el diseño entre otros pequeños detalles que hace de Blogger in Draft el preferido de los blogueros más activos.

La dirección de Blogger in Draft es http://draft.blogger.com/, mientras que la del Blogger corriente es http://www.blogger.com/. Sin embargo, estando en cualquiera de los dos, puedes "saltar" hacia la otra versión cambiando la primera parte de la dirección en tu navegador y te quedarás en la misma página (incluso si estabas escribiendo una entrada o post) sólo que desaparecerán o aparecerán las funcionalidades que distinguen a un servicio de otro.

Para poner en práctica las nuevas funcionalidades que les diré a continuación deben entrar desde Blogger in Draft.

Nuevas funcionalidades de Blogger:

 1) Agregar "Últimas Entradas": Ve a Diseño, y en Elementos de la página haz click en "Agregar un nuevo elemento". Verás unos links a la izquierda de la ventana emergente, debes pinchar "Destacados". Allí encontrarás el elemento "Últimas entradas" o "Recent posts". Agrégalo y personalízalo (puedes cambiar el título por uno que prefieras, decidir cuantas entradas quieres que aparezcan... aparecerán sólo unas líneas de cada entrada y un link "Continuar" para acceder a toda la entrada). Luego arrástralo hacia donde deseas que aparezca dentro de tu página.


2) Agregar "Últimas Comentarios": Ve a Diseño, y en Elementos de la página haz click en "Agregar un nuevo elemento". Verás unos links a la izquierda de la ventana emergente, debes pinchar "Destacados". Allí encontrarás el elemento "Últimos comentarios" o "Recent comments". Agrégalo y personalízalo (puedes cambiar el título por uno que prefieras, decidir cuantos comentarios quieres que aparezcan... si el comentario es largo, aparecerán sólo unas líneas y un link para acceder al resto del comentario). Luego arrástralo hacia donde deseas que aparezca dentro de tu página.

3) Agregar "Nube de etiquetas": Ve a Diseño, y en Elementos de la página haz click en "Agregar un nuevo elemento".  Allí encontrarás el elemento "Etiquetas". Agrégalo. Cuando entres a la configuración de este elemento verás que puedes elegir de dos opciones: como lista o como "nube". Escoge "nube" y personaliza el nuevo gadget cambiando el título de "Etiquetas" por uno que prefieras, también puedes decidir qué etiquetas quieres que aparezcan en tu nube. Luego de realizar los cambios guarda y arrastra tu nuevo elemento hacia donde deseas que aparezca dentro de tu blog.

Image by Denis Collette...!!! via Flickr

Zemanta es un agregador de imágenes que localiza para quien lo usa links, imágenes, y etiquetas relacionadas con el post que redactaste. Así, si tu post tiene que ver con las arañas, tendrás imágenes de estos insectos, links de artículos recientes sobre el tema, y una lista de etiquetas que semanta te sugerirá para tu post, en las que verás tags como "araña", "insecto", "mundo animal", y otras tantas por el estilo.  Las imágenes son rastreadas en toda la red selecionando aquellas cuya licencia permita compartir con otros usuarios; Zemanta pone a tu disposición fotos de Flickr, Wikipedia, Facebook y otros muchos servicios de alojamiento de imágenes y redes sociales con vistas en miniatura y te pregunta cómo deseas incorporarla al post (a la izquierda, a la derecha, al centro). Zemanta también te sugiere también enlaces que podrás agregar a tu texto automáticamente.

Zemanta puede ser usado de dos maneras: descargando la aplicación para que sea parte de tu navegador Firefox (abre tu navegador Mozilla Firefox y en el menú Herramientas de la barra de herramientas superior selecciona "Componentes" o "Add-on"; luego busca en el pequeño buscador que verás en la ventana emergente el término "Zemanta" y una vez hallado, sigue las instrucciones). Luego de que Zemanta sea parte de tu navegador se activará de forma inmediata cuando entres a tu panel de publicación de Blogger, y se desplegará a la derecha de la página como puedes ver en esta foto



Allí encontrarás sugerencias de imágenes en vista miniatura que podrás agregar a tu post seleccionándola haciendo click sobre la imagen: se añadirá un código a tu post que no debes tocar, ya que se trata de tu imagen. Debajo de las sugerencias de imágenes como ves aparecen artículos relacionados al contenido de tu post que podrás visitar si lo deseas. En la parte inferior de la entrada, es decir, bajo la caja donde escribes tu post, verás las sugerencias de links o enlaces que se incorporan automáticamente al texto con solo un click, y sugerencias de etiquetas que puedes seleccionar de la misma forma. Aquí va la imagen



La otra manera de usar Zemanta es accediendo a su página oficial, donde encontrarás la versión Demo http://www.zemanta.com/demo/, que se aplica desde la página copiando tu artículo o post en ella, para que Zemanta te haga las sugerencias pertinentes. 

Los desarrolladores de Zemanta han dado en el clavo. Buscan información valiosa por nosotros, sin que tengamos que invertir un solo minuto de nuestro tiempo en ello. Usando Zemanta imágenes impresionantes, profesionales, curiosas, acertadas, estarán a la mano, y enlaces y etiquetas serán encontrados y colocados ante nuestra vista en un segundo. Zemanta  sirve para Wordpress, Blogger y Typepad, y están creando versiones para que pueda ser usada desde otros navegadores como Internet Explorer y Opera. La información de Zemanta se genera a medida que escribes tu post o artículo, y si este cambia, las sugerencias de Zemanta cambian a su vez.

Úsalo, no te arrepentirás. Zemanta además parece muy efectivo en conexiones lentas, aunque si tienes demasiadas páginas abiertas o es uno de esos días en que no subes de los 39 KB te recomiendo lo dejes para otro momento. Para ser un gestor de imágenes y datos se articula con mucha facilidad y rapidez a nuestra página de Blogger.

Related articles by Zemanta

• How to get Zemanta Balloons working (FAQ) (zemanta.com)
• How to Share Photos and Files From Anywhere (abcnews.go.com)
• Zemanta: a new app Can you Digg it? Or twitter it? Probably. (lanisramblings.blogspot.com)

Image via Wikipedia

Finalmente aquí está, buenas gentes, el post del día 5 que no funcionó por que su código desapareció misteriosamente... Acá lo volvemos a poner. Ahora sí salió.

Truco para informar cuántas entradas y comentarios tiene tu blog hasta el momento


Este truco es tan fácil como útil. Con él podrás llevar la cuenta del número de entradas y comentarios de tu blog, y dárselo a conocer a tus lectores.

Para ello, sólo tienes que estas indicaciones (tres pasos):

1) Copia el siguiente código en un documento de texto (preferiblemente un txt):


<span style="font-weight:bold;">ESTE BLOG TIENE HASTA LA FECHA</span> <script style="text/javascript">

function showpostcount(json) {

document.write(parseInt(json.feed.openSearch$totalResults.$t,10));

}</script><script src="http://ayudacubablogs.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> ENTRADAS Y <script src="http://ayudacubablogs.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script> <span style="font-weight:bold;">COMENTARIOS</a> </span>



2) Cambia en el código los datos que siguen para que se ajuste a tu blog:

--Las frases en mayúscula, que puedes cambiar por otras que vayan mejor con tu estilo [las coloqué en altas para que pudieras reconocerlas con facilidad, tú escríbelas en minúsculas]:

ESTE BLOG TIENE HASTA LA FECHA
ENTRADAS Y
COMENTARIOS

--Busca las dos direcciones de La taza de café (http://ayudacubablogs.blogspot.com) que hay en el código y sustitúyelas por la dirección de tu blog.

3) Llegó la hora de pegar el código en tu blog. Ve a Diseño, pestaña "Elementos de página"; una vez allí pincha el link "Agregar un nuevo elemento". Cuando se abra la ventana emergente seleccionar HTML/Javascprit, y ahí pega tu código. Después que se haya agregado a los elementos de tu blog arrástralo al lugar donde quieras que aparezca.

¡Hasta la próxima!

Image by dicau58 via Flickr

Antes de pasar al post de hoy quiero disculparme por el de ayer. Los lectores subscritos y algunos visitantes furtivos pudieron ver durante algunos segundos ese post extraño donde se mencionaba un código que nunca apareció. Pido disculpas. El post fue retirado hasta que logre entender qué fue lo que pasó que vi el código en Vista Previa, y cuando miré de nuevo, ya no estaba allí. Les debo ese post sobre el número de comentarios y de entradas para una próxima vez. No se preocupen, daré con la respuesta, como dice un amigo blogger, "no hay tareas difíciles, sino hombres (y mujeres) holgazanes".

Ahora pasemos al truco de hoy.

Las redes sociales son una potencia hoy en día, y tu blog puede beneficiarse de ellas. Un lector que comparta una sóla de tus entradas o posts con su red de amigos en Facebook o en Twitter puede promocionar de una manera más que efectiva el contenido de tu página. Para ello son estos dos botones de "Compartir en Facebook" y "Compartir en Twitter" que harán que tras pinchar, y tras un par de segundos, el lector de tu blog pueda llevar hasta cientos de lectores potenciales el post que fue de su agrado.

Aquí te dejo en dos secciones, distintos modos de colocar estos botones. En la primera sección, hallarás varias formas de incluir el botón "Compartir en Facebook". En la segunda encontrarás dos opciones de colocar el botón "Compartir en Twitter".
Los botones que escojas debes colocarlos en la pestaña “Diseño”, luego "Edición HTML", y una vez allí buscar (ayúdate con el comando Ctrl F) la siguiente línea: p class='post-footer-line post-footer-line-3'; justo después de esta coloca tú código.



Botones "Compartir en Facebook"

Para botón simple (solo el ícono de Facebook)


<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank"><img src="http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981" alt="" /></a>



Para texto solamente (con la frase "Compartir en Facebook")




<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank">Compartir en Facebook</a>


Las dos opciones anteriores juntas (ícono de Facebook más la frase "Compartir en Facebook"):


<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><style> html .fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top left; }</style><a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank" class="fb_share_link">Compartir en Facebook</a>


Como un botón con la frase "Compartir" más símbolo de Facebook




<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><style> html .fb_share_button { display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; height:15px; border:1px solid #d8dfea; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; } html .fb_share_button:hover { color:#fff; border-color:#295582; background:#3b5998 url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; text-decoration:none; } </style> <a href="http://www.facebook.com/share.php?u=<url>" class="fb_share_button" onclick="return fbs_click()" target="_blank" style="text-decoration:none;">Compartir</a>



Botones "Compartir en Twitter"

Como texto (el link con el texto "Compartir en Twitter":




<a expr:href='"http://twitter.com/home?status=Leyendo " + data:post.url + " en " + data:blog.title' class="btwitter" title="Compartelo en Twitter">

       Twitter

      </a>



Como imagen (debes hacer una imagen tú mismo y alojarla en un sitio que ofrezca el servicio de subir archivos de imágen, como Image Schack, luego coloca la dirección en el texto de la imagen una vez subida en el código, luego de src):




<a expr:href='"http://twitter.com/home?status=Leyendo " + data:post.url + " en " + data:blog.title' class="btwitter" title="Compartelo en Twitter"><img src="http://sitio-de-alojamiento.com/twitter.png" alt="Twitter icon"/></a>


¡Buena suerte!

Image via Wikipedia

El truco de hoy es muy sencillo, y quizá lo hayas visto un par de veces en otros blogs o páginas webs. Lo que voy a enseñarte hoy es cómo colocar una pequeña casilla que invita al visitante a recomendar tu blog a un amigo, enviándoselo por correo electrónico. La casilla tiene una entrada para que se introduzca una dirección electrónica (a la que será enviado el mensaje). En el asunto del correo irá un breve texto de recomendación configurado de antemano por ti (yo he puesto la frase "Buena página está, creo que te interesará", puedes cambiarla por otra que prefieras). En el cuerpo del mensaje aparecerá el título de tu blog y el link para visitar la página.

Primero copia el siguiente código en un documento de texto (preferiblemente un txt):

[PARA COPIAR EL TEXTO HAZ CLICK DENTRO DEL CUADRO Y CON EL COMANDO Ctrl+A, SELECCIONA TODO EL CÓDIGO, LUEGO USA Ctrl+C PARA COPIAR]

<form name="eMailer"><br /> ENVÍA ESTA PÁGINA A UN AMIGO<br /> <br><br /> Indica su e-mail:<br /> <br><br /> <input type="text" name="address" size="25"><br /> <br><br /> <input type="button" value="Recomienda esta Web!" onClick="mailThisUrl();"><br /> </form><br /> <script language="JavaScript1.2"><br /> var good;<br /> function checkEmailAddress(field) {<br /> // the following expression must be all on one line...<br /> var goodEmail = field.value.match(/\b(^(\S+@).+((\.com)|(\.net)|<br /> (\.edu)|(\.mil)|(\.gov)|(\.org)|(\..{2,2}))$)\b/gi);<br /> if (goodEmail){<br /> good = true<br /> } else {<br /> alert('Por favor introduce un e-mail valido')<br /> field.focus()<br /> field.select()<br /> good = false<br /> }<br /> }<br /> u = window.location;<br /> m = "Buena página está, creo que te interesará";<br /> function mailThisUrl(){<br /> good = false<br /> checkEmailAddress(document.eMailer.address)<br /> if (good){<br /> // the following expression must be all on one line...<br /> window.location = "mailto:"+document.eMailer.address.value+"?subject="+m+"&body="+document.title+" "+u;<br /> }<br /> }<br /> </script><br />

Luego ve a Diseño, pestaña "Elementos de página"; una vez allí pinchar el link "Agregar un nuevo elemento". Cuando se abra la ventana emergente seleccionar HTML/Javascprit, es aquí donde debes pegar este código. Después que se haya agregado a los elementos de tu página arrástralo al lugar donde quieras que aparezca.

¡Buena suerte!

La opción de imprimir el blog es algo que puede hacerse fácilmente desde una computadora bien configurada, pero siempre es una ventaja brindar al visitante de tu blog un botón bien visible que le permite y le invite a un tiempo a imprimir la página si esta es de su interés.

Coloco a continuación cinco maneras sencillas de colocar la opción Imprimir y/o Guardar la página como PDF en tu blog:



1) Agregar la opción como link, con el texto "Imprimir página", "Imprimir blog" o lo que quieras poner en su lugar
2) Agregar la opción como un botón con texto
3) Agregar la opción con una imagen de impresora u otra (aquí puedes escoger si colocas la imagen más el texto o sólo la imagen como un link)
4) Agregar la opción como un botón que permite guardar la página en PDF
5) Agregar cualquiera de las opciones anteriores pero al final de cada entrada o post

Aquí vamos:

1) Agregar la opción como link, con el texto "Imprimir página", "Imprimir blog" o lo que quieras poner en su lugar

PRIMER PASO: agregamos JUSTO ANTES de la frase /head (ve a Diseño, luego a la pestaña Edición de html):

(PARA COPIAR EL TEXTO HAZ CLICK DENTRO DEL CUADRO Y CON EL COMANDO Ctrl+A, SELECCIONA TODO EL CÓDIGO, LUEGO USA Ctrl+C PARA COPIAR)

<style media='print' type='text/css'><br />#navbar-iframe {display: none; height: 0px; visibility: hidden;}<br />.noprint {display: none;}<br />body {background:#FFF; color:#000;}<br />a {text-decoration: underline; color:#00F;}<br />}<br /></style>

SEGUNDO PASO: ahora debemos decidir en qué lugar de la página vamos a colocar la opción. Debemos tener en cuenta que mientras más visible sea más posibilidades tendrá de ser utilizado. Puedes colocarlo al inicio del sidebar o fijo al inicio del blog, justo antes de las entradas (recuerda que en Blogger sólo tienes que arrastrar el nuevo elemento agregado al lugar de la página que mejor te convenga).

A continuación el código que debes pegar en Diseño, pestaña "Elementos de página"; una vez allí pinchar el link "Agregar un nuevo elemento". Cuando se abra la ventana emergente seleccionar HTML/Javascprit, es aquí donde debes pegar este código (sustituye el texto en mayúsculas por el texto que deseas aparezca como link):

(PARA COPIAR EL TEXTO HAZ CLICK DENTRO DEL CUADRO Y CON EL COMANDO Ctrl+A, SELECCIONA TODO EL CÓDIGO, LUEGO USA Ctrl+C PARA COPIAR)

<a href="javascript:window.print()">IMPRIMIR PAGINA</a>

2) Agregar la opción como un botón con texto

PRIMER PASO: agregamos JUSTO ANTES de la frase /head (ve a Diseño, luego a la pestaña Edición de html):

(PARA COPIAR EL TEXTO HAZ CLICK DENTRO DEL CUADRO Y CON EL COMANDO Ctrl+A, SELECCIONA TODO EL CÓDIGO, LUEGO USA Ctrl+C PARA COPIAR)

<style media='print' type='text/css'><br />#navbar-iframe {display: none; height: 0px; visibility: hidden;}<br />.noprint {display: none;}<br />body {background:#FFF; color:#000;}<br />a {text-decoration: underline; color:#00F;}<br />}<br /></style>

SEGUNDO PASO: ahora debemos decidir en qué lugar de la página vamos a colocar la opción. Debemos tener en cuenta que mientras más visible sea más posibilidades tendrá de ser utilizado. Puedes colocarlo al inicio del sidebar o fijo al inicio del blog, justo antes de las entradas (recuerda que en Blogger sólo tienes que arrastrar el nuevo elemento agregado al lugar de la página que mejor te convenga).

A continuación el código que debes pegar en Diseño, pestaña "Elementos de página"; una vez allí pinchar el link "Agregar un nuevo elemento". Cuando se abra la ventana emergente seleccionar HTML/Javascprit, es aquí donde debes pegar este código (sustituye el texto en mayúsculas por el texto que deseas aparezca como link; puedes personalizar el tamaño del botón aumentando o disminuyendo el valor de la etiqueta "tabindex", que yo coloco en 6):

(PARA COPIAR EL TEXTO HAZ CLICK DENTRO DEL CUADRO Y CON EL COMANDO Ctrl+A, SELECCIONA TODO EL CÓDIGO, LUEGO USA Ctrl+C PARA COPIAR)

<a href="javascript:window.print()"><button id="printbutton" disabled="disabled" tabindex="6">IMPRIMIR PAGINA</button></a>

3) Agregar la opción con una imagen de impresora u otra (aquí puedes escoger si colocas la imagen más el texto o sólo la imagen como un link)

PRIMER PASO: agregamos JUSTO ANTES de la frase /head (ve a Diseño, luego a la pestaña Edición de html):

(PARA COPIAR EL TEXTO HAZ CLICK DENTRO DEL CUADRO Y CON EL COMANDO Ctrl+A, SELECCIONA TODO EL CÓDIGO, LUEGO USA Ctrl+C PARA COPIAR)

<style media='print' type='text/css'><br />#navbar-iframe {display: none; height: 0px; visibility: hidden;}<br />.noprint {display: none;}<br />body {background:#FFF; color:#000;}<br />a {text-decoration: underline; color:#00F;}<br />}<br /></style>

SEGUNDO PASO: ahora debemos decidir en qué lugar de la página vamos a colocar la opción. Debemos tener en cuenta que mientras más visible sea más posibilidades tendrá de ser utilizado. Puedes colocarlo al inicio del sidebar o fijo al inicio del blog, justo antes de las entradas (recuerda que en Blogger sólo tienes que arrastrar el nuevo elemento agregado al lugar de la página que mejor te convenga).

A continuación el código que debes pegar en Diseño, pestaña "Elementos de página"; una vez allí pinchar el link "Agregar un nuevo elemento". Cuando se abra la ventana emergente seleccionar HTML/Javascprit, es aquí donde debes pegar este código (sustituye el texto en mayúsculas por el texto que deseas aparezca o elimínalo si sólo quieres la imagen como link; he puesto una imagen animada que me resultó atractiva, tú puedes probarla a ver si también te gusta o cambiarla por otra que encuentres en la web o que subas a un servicio de alojamiento de imágenes, como Flirck o Image Shack, una vez que tengas la dirección de tu propia imagen sustitúyela por la mía):

(PARA COPIAR EL TEXTO HAZ CLICK DENTRO DEL CUADRO Y CON EL COMANDO Ctrl+A, SELECCIONA TODO EL CÓDIGO, LUEGO USA Ctrl+C PARA COPIAR)

<a href='javascript:window.print()'><img border='0' src='http://img31.imageshack.us/img31/9265/impresora07.gif<br />'/><b>IMPRIMIR PAGINA</b></a>

4) Agregar la opción como un botón que permite guardar la página en PDF

ÚNICO PASO: Decide en qué lugar de la página vamos a colocar la opción. Debes tener en cuenta que mientras más visible sea más posibilidades tendrá de ser utilizado. Puedes colocarlo al inicio del sidebar o fijo al inicio del blog, justo antes de las entradas (recuerda que en Blogger sólo tienes que arrastrar el nuevo elemento agregado al lugar de la página que mejor te convenga).

A continuación el código que debes pegar en Diseño, pestaña "Elementos de página"; una vez allí pinchar el link "Agregar un nuevo elemento". Cuando se abra la ventana emergente seleccionar HTML/Javascprit, es aquí donde debes pegar este código:

(PARA COPIAR EL TEXTO HAZ CLICK DENTRO DEL CUADRO Y CON EL COMANDO Ctrl+A, SELECCIONA TODO EL CÓDIGO, LUEGO USA Ctrl+C PARA COPIAR)

<!--Start: PDF On Line Script--><br /><br /><script type="text/javascript"><br /><br />var authorId="1213B011-D26C-425F-8B81-D6E798E05769";<br /><br />var pageOrientation="1";<br /><br />var topMargin="0.5";<br /><br />var bottomMargin="0.5";<br /><br />var leftMargin="0.5";<br /><br />var rightMargin="0.5";<br /><br /></script><br /><br /><script type="text/javascript" src="http://web2.pdfonline.com/pdfonline/pdfonline.js"><br /><br /></script><br /><br /><!--End: PDF On Line Script-->

5) Agregar cualquiera de las opciones anteriores pero al final de cada entrada o post

PRIMER PASO: agregamos JUSTO ANTES de la frase /head (ve a Diseño, luego a la pestaña Edición de html):

(PARA COPIAR EL TEXTO HAZ CLICK DENTRO DEL CUADRO Y CON EL COMANDO Ctrl+A, SELECCIONA TODO EL CÓDIGO, LUEGO USA Ctrl+C PARA COPIAR)

<style media='print' type='text/css'><br />#navbar-iframe {display: none; height: 0px; visibility: hidden;}<br />.noprint {display: none;}<br />body {background:#FFF; color:#000;}<br />a {text-decoration: underline; color:#00F;}<br />}<br /></style>

SEGUNDO PASO: Ve a Diseño, luego a la pestaña "Edición de HTML". Busca (ayúdate con el comando Ctrl+F) la siguiente línea dentro de tu plantilla:

'post-footer-line post-footer-line-3'

Cuando la encuentres coloca justo después de ella el código que prefieras de los siguientes:

PARA Agregar la opción como link, con el texto "Imprimir página", "Imprimir blog" o lo que quieras poner en su lugar (cambia el texto en mayúsculas por el texto que desees)

(PARA COPIAR EL TEXTO HAZ CLICK DENTRO DEL CUADRO Y CON EL COMANDO Ctrl+A, SELECCIONA TODO EL CÓDIGO, LUEGO USA Ctrl+C PARA COPIAR)

<a href="javascript:window.print()">IMPRIMIR PAGINA</a>

PARA Agregar la opción como un botón con texto (sustituye el texto en mayúsculas por el texto que deseas aparezca como link; puedes personalizar el tamaño del botón aumentando o disminuyendo el valor de la etiqueta "tabindex", que yo coloco en 6):

(PARA COPIAR EL TEXTO HAZ CLICK DENTRO DEL CUADRO Y CON EL COMANDO Ctrl+A, SELECCIONA TODO EL CÓDIGO, LUEGO USA Ctrl+C PARA COPIAR)

<a href="javascript:window.print()"><button id="printbutton" disabled="disabled" tabindex="6">IMPRIMIR PAGINA</button></a>

PARA Agregar la opción con una imagen de impresora u otra (sustituye el texto en mayúsculas por el texto que deseas aparezca o elimínalo si sólo quieres la imagen como link; he puesto una imagen animada que me resultó atractiva, tú puedes probarla a ver si también te gusta o cambiarla por otra que encuentres en la web o que subas a un servicio de alojamiento de imágenes, como Flirck o Image Shack, una vez que tengas la dirección de tu propia imagen sustitúyela por la mía):

(PARA COPIAR EL TEXTO HAZ CLICK DENTRO DEL CUADRO Y CON EL COMANDO Ctrl+A, SELECCIONA TODO EL CÓDIGO, LUEGO USA Ctrl+C PARA COPIAR)

<a href='javascript:window.print()'><img border='0' src='http://img31.imageshack.us/img31/9265/impresora07.gif<br />'/><b>IMPRIMIR PAGINA</b></a>

PARA Agregar la opción como un botón que permite guardar la página en PDF:

(PARA COPIAR EL TEXTO HAZ CLICK DENTRO DEL CUADRO Y CON EL COMANDO Ctrl+A, SELECCIONA TODO EL CÓDIGO, LUEGO USA Ctrl+C PARA COPIAR)

<!--Start: PDF On Line Script--><br /><br /><script type="text/javascript"><br /><br />var authorId="1213B011-D26C-425F-8B81-D6E798E05769";<br /><br />var pageOrientation="1";<br /><br />var topMargin="0.5";<br /><br />var bottomMargin="0.5";<br /><br />var leftMargin="0.5";<br /><br />var rightMargin="0.5";<br /><br /></script><br /><br /><script type="text/javascript" src="http://web2.pdfonline.com/pdfonline/pdfonline.js"><br /><br /></script><br /><br /><!--End: PDF On Line Script-->

Image via Wikipedia

Tomado de Eruresidentes

Las causas de las conexiones lentas pueden ser, entre otras:

La mala calidad de la línea de teléfono

Ésta puede estar originada por la presencia de electricidad estática en la línea, por interrupciones graves ocasionales mientras la línea está en uso o por interferencias entre conversaciones. Para resolver este comportamiento, póngase en contacto con la compañía telefónica local para que revise las líneas.

NOTA: la mayoría de las compañías telefónicas cobran por los servicios prestados a domicilio, pero no por la revisión de las líneas fuera del domicilio. Pregunte a su compañía telefónica cuál es el precio del servicio.

Cambios en el proveedor de servicios Internet (ISP)

Puede estudiar la posibilidad de cambiar de ISP; para ello, infórmese de si el ISP forma parte de otra compañía o de si está avisando de la existencia de conexiones lentas por incidencias en la red. Para resolver estos problemas, quizás tenga que cambiar a otro ISP que ofrezca más garantías.


Múltiples convertidores analógico a digital entre el equipo y el ISP

Pueden impedir la conexión a través de una línea de teléfono a una velocidad superior a 28,8 kilobits por segundo (Kps). Para resolver este problema, póngase en contacto con la compañía telefónica para obtener información acerca de las velocidades de conexión que se proporcionan en su área y cómo mejorarlas.


Varios controladores de módem; controladores incorrectos o dañados

Suelen provocar desconexiones frecuentes. Para resolver este comportamiento, inicie el equipo en el Modo a prueba de errores y compruebe los diversos controladores para el módem, así como los controladores de juegos, vídeo y sonido. Compruebe que el controlador del módem sea el correcto. Si no es así, quite el controlador del módem actual e instale el correcto.


Interferencias medioambientales

Los sonidos del módem que se emiten a través de otros dispositivos, coincidiendo con descensos en la velocidad de conexión, pueden indicar interferencias medioambientales. Por ejemplo, los sonidos del módem se pueden emitir a través de los altavoces del equipo y las interferencias pueden proceder de otros elementos electrónicos presentes en la sala. Para resolver este comportamiento, separe las líneas de teléfono de otros cables. Asimismo, pruebe si el equipo es capaz de establecer una conexión en otra sala con otra toma de teléfono.


Programas en segundo plano

El equipo funciona más lentamente mientras se ejecutan programas en segundo plano. Para resolver este comportamiento, emplee la utilidad Msconfig para deshabilitar los programas de la carpeta Inicio. Reinicie el equipo y, después, compruebe la conexión.


Funcionamiento de ISP normal

La velocidad de red baja puede producirse durante las horas punta de conexión a Internet. Si el ISP agrupa un gran número de conexiones en una conexión combinada pequeña, la demanda normal de clientes puede superar la capacidad de la conexión combinada. Para resolver este comportamiento, quizás tenga que cambiar a un ISP que ofrezca más garantías.

Image by Getty Images via Daylife

RSS es una forma de sindicación de contenidos de páginas web. Sus siglas responden a Really Simple Syndication. "To syndicate" literalmente significa sindicar (formar parte de un sindicato). En inglés tiene otro significado: "publicar artículos simultáneamente en diferentes medios a través de una fuente a la que pertenece". Y esto es lo que hace, publicar nuestros artículos, a través del lector RSS, en otros medios diferentes a nuestra página. Con el lector de feeds o RSS se posibilita que nuestro contenido, leído por el lector al que nos hemos subscrito (yo recomiendo Feedburner), se envía a otros (los subscritos) lo que posibilita que nuestro blog se lea por muchas personas, en medios diferentes, en tiempo real.
¿Por qué muchas personas? Porque una vez que estemos sindicados cualquiera puede subscribirse a nuestro blog con facilidad, mediante nuestro lector RSS, quien se encargará de subscribir al nuevo navegante y enviarle la información al servicio que el elija. ¿Por qué en diferentes medios? Porque al navegante, cuando va a subscribirse a nuestro blog, se le da la opción de escoger entre numerosos medios de recibir nuestra lectura. Además, con nuestro lector RSS podemos enviar información automática desde el blog hacia Twitter (a través de Twitterfeed, es muy sencillo), o hacia Facebook (en la aplicación Networkerblogs), por ejemplo.

El RSS es un paso imprescindible para promover tu blog y su garantizar su acceso a los usuarios.

El RSS permite además que otros puedan dejar ver los titulares de tu blog en su página, y es la causa de que se puedan incorporar titulares actualizados de The New York Times, ABC, Noticias Google en cualquier blog.

Si quieres saber más acerca de cómo funciona, cuál se su futuro, etc...), acá te dejo un cuadro con información adicional tomada de la página Euroresidentes:

Ahora te doy las indicaciones para que puedas aprovechar bien este servicio, sindicando tu contenido en Feedburner.

¿Qué es y qué es un RSS feed (alimento)?<br /> <br /> RSS es un formato de documento. Está basado en el XML conforme especificaciones publicadas por el <a class="zem_slink" href="http://en.wikipedia.org/wiki/World_Wide_Web" title="World Wide Web" rel="wikipedia">World Wide Web</a> Consortium (W3C). Constituyen una familia de documentos tipo para actualizar las novedades y noticias de un sitio web. Los documentos (generalmente llamados "RSS feeds") son leídos mediante lectores (RSS readers) denominados agregadores ("aggregators"), aunque recientemente se ha anticipado que las funciones de los agregadores estarán incorporadas en los browsers de los navegadores web.<br /> <br /> <br /> <br /> El formato de un archivo RSS ...<br /> <br /> Hay unas pocas diferentes versiones que se reducen a dos grupos, una basada en RDF y la otra no. La última versión de RDF es 1.0 y la última versión no RDF es RSS 2.0 proporcionada por el Berkman Center for Internet & Society (Harvard Law School) El autor es Dave Winer (UserLand software y Berkman Center).<br /> <br /> <br /> <br /> ¿Para qué se utiliza?<br /> <br /> Es generalmente utilizado para publicar los titulares de noticias, las entradas de los blog y otras informaciones. Nuevos usos están siendo encontrados continuamente, especialmente en el mundo de la educación. Se habla de una segunda era de Internet, tras el desarrollo de redes hipervínculadas que abre potencialidades muy grandes en el acceso a la información.<br /> <br /> <br /> <br /> ¿Qué puede hacer un sitio web con RSS?<br /> <br /> * Mantener una web fresca y actualizada. Utilizando herramientas tales como FeedRoll, se pueden importar alimentación de noticias desde otros sitios y mostrarlas en una web actualizada permanentemente.<br /> * Publicar tus páginas (noticias, artículos..) como archivos RSS para su difusión. Publicando un feed se da un paso más en el acceso a los contenidos y en una forma más directa de acceder a la información.<br /> <br /> <br /> <br /> ¿Qué puede hacer RSS para los usuarios en general?<br /> <br /> Noticias, información, artículos, novedades, entretenimiento sin tener que navegar por cada sitio y buscar sus actualizaciones. Con RSS puedes apuntarte a aquellas noticias y novedades con un reader (un lector) el cual automáticamente chequea todos los sitios que has indicado y va mostrando los nuevos contenidos que son añadidos.

Hacer de Feedburner mi lector de feeds o RSS

Lo primero que tienes que hacer es ir a la página principal de Feedburner (http://feedburner.google.com/), y allí, entrar con tu cuenta de Google (la misma que utilizas para administrar tu blog). Luego de que ya estés adentro, escribe tu dirección de blog en la caja de texto (comenzando por http://) y haz click en el botón "Next". Sigue los pasos en todas las páginas sucesivas hasta que obtengas una dirección parecida a esta:

http://feeds.feedburner.com/ejemplodefeed

Es decir, una dirección que debe estar precedida por http://feeds.feedburner.com/
. Donde puse la palabra "ejemplodefeed" es donde debe aparecer el nombre de tu blog o algunas siglas que lo identifiquen para Feedburner. Ya tines la dirección, pero para que funcione, debes incluirla en el panel de configuración de tu blog.

Ve al Escritorio de tu blog, allí a Configuración, y selecciona la pestaña "Feed del sitio". Una vez en esta pestaña debes copiar tu dirección de Feedburner en el pequeño recuadro que dice "Publicar URL redireccionada del feed".

Aquí tienes una imagen con el sitio específico donde debes colocar tu dirección por si te pierdes.




¡Ah!, y no olvides guardar los cambios.

Espero que te haya servido.
Si tienes dudas no dejes de escribirme o deja un comentario en la entrada.

Image by kuribo via Flickr

Ocultar la barra de navegación de Blogger que aparece en la parte superior de nuestro blog es muy sencillo. ¿Para qué ocultarla?

Deventajas de la barra de Google:

Esta barra hace que tu blog se vea como un sitio de paso, invitando al navegante a buscar o visitar
otros blogs y con la desventaja de tener la peligrosa opción de
"Marcar Blog" como sitio indeseable (lo que dice literalmente es
"Notificar a Blogger la presencia de contenido de dudosa reputación
en esta página"), algo que cualquier malintencionado puede activar
añadiendo un desagradable cartel al inicio de tu página.

Ventajas de eliminar la barra de Google:

Al elminarla la cabecera de tu blog será lo primero que verá en navegante, quien sólo tendrá acceso al contenido de tu blog desde la dirección de tu página. Luego tú podrás escoger qué enlaces de otros blogs colocar en ella.

Quitando la barra de navegación de Google

Ve a Diseño, pestaña "Edición de HTML", busca la siguiente frase en tu plantilla (recuerda que para buscar puedes usar el comando de teclado Ctrl+F):

/head

Justo ANTES de esta frase coloca el siguiente código:

(Recuerda: para seleccionar el texto dentro del recuadro que sigue haz click dentro del mismo y con el comando Ctrl+A selecciona todo el texto del interior del cuadro. Luego, con Ctrl+C lo copiaras y debes pegarlo ahora en un txt o documento word)

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

Gurada los cambios y ve cómo quedó tu blog sin esta barra.
Si tienes dudas no dejes de preguntarme.

Image by cobalt123 via Flickr

¿Quieres colocar una lista de los blogs que sigues en tu weblog y no sabes cómo? Entonces este post va dedicado a ti.

Lo primero que debes hacer es tener listas en un documento txt o word todas las direcciones completas de los blogs que quieres colocar en tu lista de preferidos. Si ya tienes esto, pues manos a la obra.

Ve a Diseño, y allí a la pestaña "Elementos de página". En esta pincha el link "Agregar elemento de página". Cuando tengas delante en una ventana emergente la lista de elementos a agregar escoge agregar "Lista de enlaces" o "Lista de blogs". La diferencia entre ambas es que la primera añadirá sólo links, lo que tiene la ventaja de que si tu página es muy pesada no se añadirá mucho peso cuando agregues este nuevo elemento. La segunda opción, sin embargo, hará que agregues además del link de cada blog el ícono del mismo y un breve resumen de la última entrada publicada por este, que se actualiza automáticamente.

Una vez que hayas agregado tu lista recuerda guardar los cambios en la página. Ya puedes ver el blog con tu lista de preferidos para compartir con el navegante. Siempre que encuentre un nuevo sitio podrás añadirlo a la lista y no dejes de aprovechar la oportunidad para intercambiar enlaces con los autores de los blogs que harás visible en tu página (para ello deja un comentario en cada blog proponiendo un intercambio --debes colocar la dirección de tu página-- o escribe a la dirección electrónica que aparece en el perfil del autor).

Image via Wikipedia

¿El objetivo de las Etiquetas? Hacer más accesible el contenido de tu blog.

Crear vías para que el lector pueda acceder fácilmente a tu contenido al llegar a la página es una de las maneras más elementales de conservar a los lectores que llegan de paso.

Las Etiquetas son lo que tengo en una de las columnas de La taza de café con el nombre de "Menú" (reciben el nombre que le coloques). Son como secciones que colocadas a cada
entrada te permiten catalogar el contenido y ofrecerle al lector la
oportunidad de escoger entre dos o tres grupos (según la cantidad de
etiquetas que hayas creado). Al pinchar en el link de una de mis etiquetas (por ejemplo, "Truco Blogger", aparecerán en nuestra página todas las entradas que hayamos catalogado con este nombre. Además de poner el contenido en las manos
del lector e invitarlo a navegar tu blog, las Etiquetas tienen la
ventaja de caracterizar tu bitácora aún más a los ojos de los lectores, que pueden hacerse gracias a estas una idea más clara de lo que pueden encontrar en tu blog.

Para agregar etiquetas a tus entradas ya creadas sólo tienes que ir a Creación de Entradas, luego a la pestaña "Editar entradas", y allí ir agregar una nueva etiqueta, luego marcar todas las entradas que quieras estén agrupadas en esta etiqueta y agregarlas a la misma.

Para que tus etiquetas sean visibles en el blog debes ir luego a la pestaña "Elementos de página", allí pinchar el link "Agregar un nuevo elemento" y cuando te salga una lista de elementos en la ventana emergente seleccionar Agreagar Etiquetas. Configúralas según tus preferencias y ya está. Tienes tu lista de contenido personalizado.

Siempre puedes agregar o corregir las etiquetas de tus entradas en "Editar entradas", de "Creación de entradas", tal y como expliqué arriba, Pero lo más recomendable es que una vez agregadas tus etiquetas, y si estás más o menos seguro/a de estas, agregues la etiqueta indicada a cada entrada cuando estás creándola. Para agregar un etiqueta a una entrada que estés escribiendo debes fijarte en la caja de texto al pie de la entrada, allí es donde debes agregar tu etiqueta, o tus etiquetas (una entrada puede tener varias etiquetas) separadas por comas.

Bueno, eso es todo, espero que te sirva.

Image by ancawonka via Flickr

¿Qué es una nube de etiquetas móvil?
Es esa nube de palabras que puedes ver moverse en forma redondeada en el sidebar de La taza de café. No son más que las etiquetas de nuestro blog, girando en una imagen animada.

Es un recurso muy práctico que permite que el visitante se fije rápidamente en el contenido de nuestro blog. Al interactuar con las palabras que flotan en la nube de etiquetas se puede acceder, al igual que en una lista de etiquetas convencional, a todas las entradas del weblog relacionadas con la etiqueta seleccionada.

¿Qué debemos hacer?

Para colocar nuestra Nube de etiquetas vamos a "Diseño", pestaña "Edición de html" y buscamos la etiqueta . Esta etiqueta se busca con el comando de teclado Ctrl+F, lo que abrirá al pie de nuestra página una barrita horizontal con una caja de texto, alli debemos colocar el siguiente texto:

(Recuerda: para seleccionar el texto dentro del recuadro que sigue haz click dentro del mismo y con el comando Ctrl+A selecciona todo el texto del interior del cuadro. Luego, con Ctrl+C lo copiaras y debes pegarlo ahora en un txt o documento word)

><b:section class='sidebar' id='sidebar' preferred='yes'>

y mandar a buscarlo. Saldrá resaltado en la página. Justo debajo de él añadimos el siguiente código:

(Recuerda: para seleccionar el texto dentro del recuadro que sigue haz click dentro del mismo y con el comando Ctrl+A selecciona todo el texto del interior del cuadro. Luego, con Ctrl+C lo copiaras y debes pegarlo ahora en un txt o documento word)

<b:widget id='Label50' locked='false' title='Nube de etiquetas' type='Label'><br /> <b:includable id='main'><br /> <b:if cond='data:title'><br /> <h2><data:title/></h2><br /> </b:if><br /> <div class='widget-content'><br /> <script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/><br /> <div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div><br /> <script type='text/javascript'><br /> var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");<br /> // uncomment next line to enable transparency<br /> //so.addParam("wmode", "transparent");<br /> so.addVariable("tcolor", "0x333333");<br /> so.addVariable("mode", "tags");<br /> so.addVariable("distr", "true");<br /> so.addVariable("tspeed", "100");<br /> so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");<br /> so.addParam("allowScriptAccess", "always");<br /> so.write("flashcontent");<br /> </script><br /> <b:include name='quickedit'/><br /> </div><br /> </b:includable><br /> </b:widget><br />

Damos guardar los cambios y ya podemos ir a ver nuestro blog con la nube de etiquetas móvil añadida.

Image by Darwin Bell via Flickr

Aquí dejo las ayuda que prometí de los servicios para navegar Internet a través de correo electrónico que expliqué en el post anterior.

Para seleccionar el texto haz click dentro del recuadro y selecciona todo el texto con el comando Ctrl+A o Ctrl+E, luego cópialo en un documento word o en un txt.

www4Mail (inglés)

~~~~~~~~~~~~~~~~~~~~~~~~( HELP file for www4mail )~~~~~~~~~~~~~~~~~~~~<br /> http://www4mail.org<br />~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<br /><br /> Web Navigation & Database Search by E-Mail (The Next Generation)<br /> www4mail - QUICK HELP GUIDE - version 3.0/2001<br /><br /><br /> What is www4mail?<br /> How to use www4mail?<br /> Asking for Further On-line Help<br /> Receiving Web documents as e-mail attachment<br /> Receiving Web documents in the body of a message <br /> Dealing with Frames<br /> Typing Long URLs <br /> Automatic Splitting of Messages <br /> Message Splitting Upon Request<br /> Retrieving Any Part of a Split Message <br /> UUENCODING Messages <br /> Retrieving Web pages as PostScript or PDF files<br /> Requesting Password-protected Web/FTP sites <br /> www4mail Quota Limits<br /> www4mail Access Control List (ACL)<br /> FTP and Binary Files via www4mail <br /> Special www4mail Options<br /> Disclaimer<br /><br /><br /> <br />What is www4mail?<br />~~~~~~~~~~~~~~~~~<br /><br />www4mail is an <a class="zem_slink" href="http://en.wikipedia.org/wiki/Open_source" title="Open source" rel="wikipedia">open source</a> application, that allows you to navigate <br />off-line and search the whole Internet via electronic mail (e-mail) <br />by using any standard Web browser and a MIME (Multipurpose Internet <br />Mail Exchange) aware e-mail program. E-mail messages sent to <br />www4mail servers get automatically passed to your e-mail agent when<br />you select (one or more) buttons that link to other Web documents<br />within a requested Web page. There are many options available for<br />user quota statistics, e-mail uuencoding reply, etc. <br /><br /><br /><br />How to use www4mail?<br />~~~~~~~~~~~~~~~~~~~~<br />... It is simple!<br /><br />Within the body of an e-mail message to: www4mail just specify the<br />Internet "address", called Uniform Resource Locator (URL), of the Web<br />site(s)/page(s) you want to retrieve. By default these will be sent as<br />e-mail Attachments. To get Web documents in the body of an e-mail message<br />you may also add one of the options SEND, GET, GET SOURCE, or XSOURCE as<br />indicated next. Or use XUUENCODE to request uuencoding contents.<br /><br /><br /><br />Asking for Further On-line Help<br />~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<br /> <br />Help in Specific topics can also be retrived by sending another e-mail<br />to a www4mail server and writing in the body of the e-mail, e.g.:<br /><br /> help COOKIES<br /><br />Other topics include: <br /><br /> DENIALS END ERRORS FORMS GET<br /> GETPART GETPS GETPDF GETSIZE QUOTA<br /> SEND SOURCE SPLIT TSOURCE XBASE <br /> XBYJS XBYPASS XCHARSET XCLEARCOOKIES XDISABLECOOKIES<br /> XDELAYJOB XDELETEJOB XDOCINFO XEXTRAOPT XFORM <br /> XFORMREPLY XGET XIMAGE XJSDUMP XLANGUAGE<br /> XLOADIMG XLOADURL XMIME XMULTIMIME XMYLANG <br /> XMYQUOTA XNOAUTOZIP XNOCOOKIES XNOFRAME XNOSCRIPT <br /> XNOSTAT XSEPARATE XSOURCE XSUBMIT_NOW XSUBMIT_ON <br /> XURLCODE XUSEPOST XUSEQP XUUDEVIEW XUUENCODE <br /><br /><br /><br />Receiving Web documents as e-mail attachment<br />~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<br />Receiving Web documents as e-mail attachment allows you to save and re-use<br />the Web document; specially for a later search of the Internet. <br /><br />For example to retrieve some Web pages of The Abdus Salam International<br />Centre for Theoretical Physics Web server in Trieste, Italy, send an<br />e-mail<br /><br /> To: www4mail@wm.ictp.trieste.it<br /> Subject: (... whatever you like)<br /><br />and write (one or up to 5 requests) in the body of the e-mail:<br /><br /> http://www.ictp.trieste.it/<br /> http://www.collaborium.org<br /> ...<br /><br />www4mail will reply with the requested Web document as an e-mail<br />attachment which you can visualize with any standard Web browser like<br />Netscape, MS Internet explorer, Lynx, etc. Therein, the original page<br />layout (tables, colours, etc) will be preserved. <br /><br />You can obtain interest messages by selecting the respective buttons and<br />clicking the `Get Selected Document(s)' button at the footer of the Web<br />page to make a new, single e-mail request to www4mail. <br /><br />If you want to retrieve the original, UNMODIFIED HTML sources as an e-mail<br />attachment which you can visualize it with any standard Web browser like<br />Netscape, Internet explorer, Lynx, etc, then type: <br /><br /> TSOURCE http://www.ictp.trieste.it/<br /><br />The original page layout (tables, frames, colours, etc) will be preserved. <br />You can list up to 5 `TSOURCE URLs' as you need within the body of your<br />message to www4mail, but write one `TSOURCE URL' per line. <br /><br /><br /><br />Receiving Web documents in the body of a message<br />~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<br />Compatibility with alternative "Agora" and "GetWeb" server is also<br />possible. Similarly to the "Agora" and "GetWeb" services, you can also<br />retrieve Web pages (converted into text) in the body of a message if you<br />prefer so. <br /><br />For the previous example, send an e-mail<br /><br /> To: www4mail@wm.ictp.trieste.it<br /> Subject: (... whatever you like)<br /><br />and write in the body of the e-mail any of the following options:<br /><br /> GET http://www.ictp.trieste.it/<br />or<br /> SEND http://www.ictp.trieste.it/<br /><br />Then to continue navigating the Web using www4mail send another e-mail<br />message to: www4mail and specify the URL(s) you need as in the above<br />example. <br /><br />If you want to retrieve the UNMODIFIED HTML sources in the body of an<br />e-mail message, write any of the following options: <br /><br /> GET SOURCE http://www.ictp.trieste.it/<br />or, simply,<br /> SOURCE http://www.ictp.trieste.it/<br /><br />In case your e-mail reader does not support MIME, you can get the www4mail<br />filtered HTML sources in the body of an e-mail message, by using the<br />following option: <br /><br /> XSOURCE http://www.ictp.trieste.it/<br /><br />You can list up to 5 `XSOURCE URLs' as you need within the body of your<br />message to www4mail, but write one `XSOURCE URL' per line. <br /><br /><br /><br />Dealing with Frames<br />~~~~~~~~~~~~~~~~~~~<br />If the URL requested is made of FRAMES (i.e., a main page containing <br />several other pages) then www4mail by default will use its own new<br />built in "frames2table" convertor and you will receive them as one <br />attached document. If you use the SOURCE option of a URL containing <br />FRAMES then www4mail will send you only the page with the FRAMESET. <br /><br /><br /><br />Typing Long URLs <br />~~~~~~~~~~~~~~~~ <br />If the URL requested is too long to fit into a single line, you can split<br />up by ending the line with a backslash (`\'). For example, use<br /><br /> To: www4mail@wm.ictp.trieste.it<br /> Subject: (... whatever you like)<br /><br /> http://www.ictp.trieste.it/cgi-bin/ICTPsmr/mkhtml/smr2htm\<br /> l.pl?smr1099/Announcement<br /><br /><br /><br />Automatic Splitting of Messages<br />~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<br />All binary files larger than 300kB and smaller than 6 MB will<br />automatically get split into smaller chunks of 300kB each and are sent as<br />a MIME BASE64 attachment. <br /><br />All TEXT and HTML files larger than 300kB and smaller than 6 MB will<br />automatically get pk-zipped and are subsequently treated as binary files,<br />subject to splitting and MIME encoding on delivery. <br /><br />There also exists the possibility of uuencoding binary files using<br />UUENCODE option upon request.<br /><br /><br /><br />Message Splitting Upon Request<br />~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<br />If your mailer software or gateway has a file size limit of less than<br />300kB, then you can request that www4mail split messages into files of<br />smaller sizes. To lower this value, use the GETSIZE command. <br /><br />For example, the following command splits the file into 10k chunks<br />instead:<br /><br /> To: www4mail@wm.ictp.trieste.it<br /> Subject: (... whatever you like)<br /><br /> GETSIZE 10000 one option line only!<br /> URL_here<br /><br />GETSIZE sets the size of the www4mail reply message in bytes (no other<br />symbols are allowed). You can list as many URLs as you need within the<br />body of your message to www4mail, but write one URL per line. <br /><br />When www4mail replies to a GETSIZE command, then the requested Web<br />document is always sent as an attachment. You may need to force your Mail<br />User Agent to save it using the save file option. Finally, a suitable<br />application or command can be used to combine all chunks (on UNIX use: <br />"cat file.1 file.2 file.3 > file" and on DOS use: "copy /b<br />file.1+file.2+file.3 file"). <br /><br />If you are displaying on your browser a Web document sent by www4mail, and<br />want to retrieve the selected documents split in smaller chunks, then you<br />can enter a maximum size of reply(s) from www4mail in the box near the<br />`Get Selected Document(s) button at the footer of the Web page you are<br />viewing. <br /><br /><br /><br />Retrieving Any Part of a Split Message<br />~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<br />The following command allows you to retrieve any part of a split message. <br />Send an e-mail<br /><br /> To: www4mail@wm.ictp.trieste.it<br /> Subject: (... whatever you like)<br /><br /> GETPART 1, 2 3 , 5-8 one option line only!<br /> GETSIZE 10000 one option line only!<br /> URL_here<br /><br />GETPART sets the number of parts to return in each e-mail by www4mail. If<br />GETSIZE is not given, www4mail uses its default values -see section<br />Automatic Splitting of Messages (above). <br /><br />When www4mail replies to a GETPART command, then the requested Web<br />document is ALWAYS sent as an attachment. You may need to force your Mail<br />User Agent to save it using the save file option. Finally, a suitable<br />application or command can be used to combine all chunks (on UNIX use: <br />"cat file.1 file.2 file.3 > file" and on DOS use: "copy /b<br />file.1+file.2+file.3 file"). <br /><br /><br /><br />UUENCODING Messages<br />~~~~~~~~~~~~~~~~~~~<br />The following command allows you to retrieve any Web document uuencoded. <br />Send an e-mail<br /><br /> To: www4mail@wm.ictp.trieste.it<br /> Subject: (... whatever you like)<br /> <br /> XUUENCODE (use one option line only!)<br /> URL_here<br /><br />When www4mail replies to a XUUENCODE command, then the requested Web<br />document is always sent in the body of the e-mail. www4mail will always<br />reply with an extra e-mail messages with your usage statistics. If the<br />file requested is large, then you can use the GETPART command to set the<br />number of parts to return in each e-mail by www4mail and GETSIZE command<br />to set the size of the www4mail reply message in bytes. For example,<br /><br /> To: www4mail@wm.ictp.trieste.it<br /> Subject: (... whatever you like)<br /> <br /> GETPART 1, 2 3 , 5-8 (use one option line only!)<br /> GETSIZE 10000 (use one option line only!)<br /> XUUENCODE<br /> URL_here<br /><br />A suitable application or command (like UNIX cat file1 file2 file3 ><br />output) can be used to combine all chunks after uudecoding each single<br />part. <br /><br /><br /><br /><br />Retrieving Web pages as PostScript or PDF files<br />~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<br />The following command allows you to retrieve any Web document converted<br />into PostScript file (including the images, if any, in the document). <br />Send an e-mail<br /><br /> To: www4mail@wm.ictp.trieste.it<br /> Subject: (... whatever you like)<br /><br /> GETPS one option line only!<br /> URL_here<br /><br />Use instead GETPDF to retrieve Portable Document Format files. If other<br />commands are not used in conjunction with GETPS or GETPDF (such as GETSIZE<br />to set the size of the www4mail reply message) , www4mail uses its default<br />values -see section Automatic Splitting of Messages (above). <br /><br />When www4mail replies to a GETPS/GETPDF commands, then the requested Web<br />document is ALWAYS sent as an attachment. This should force your Mail User<br />Agent the save file option or to open automatically your Web Browser. <br /><br />If the file requested is bigger than 300kB, then it will automatically get<br />split and sent in separate e-mails. A suitable application or command<br />(like UNIX: "cat file1 file2 file3 > output.ps") can be used to combine<br />all chunks. <br /><br />To receive the Web pages as PostScript or PDF files in the body of an e-mail<br />and uuendoded, then you can use the following option<br /><br /> To: www4mail@wm.ictp.trieste.it<br /> Subject: (... whatever you like)<br /> <br /> GETPS (use one option line only!)<br /> XUUENCODE<br /> URL_here<br /><br />Use instead GETPDF to retrieve Portable Document Format files. www4mail will<br />always reply with an extra e-mail messages with your usage statistics.<br /><br /><br /><br />Requesting Password-protected Web/FTP sites<br />~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<br />User authentication support for password-protected sites is also available<br />by www4mail. To access such Web site/pages conforming to the pattern<br />`protocol://username:password@site/directory' you need to know (and then<br />pass on) the correct USERNAME and PASSWORD. <br /><br />In these cases send an e-mail<br /><br /> To: www4mail@wm.ictp.trieste.it<br /> Subject: (... whatever you like)<br /><br />and write in the body of the e-mail:<br /><br /> http://username:password@site/path<br />or<br /> ftp://username:password@site/path<br /><br />where site/path is the machine,domain,directory,file you want to retrieve<br />and the @-sign is used to separate the string `username:password' from the<br />site/path. <br /><br />Once you have received the www4mail reply, you will be able to navigate to<br />such protected pages without further authentication. www4mail will do it<br />automatically for you. <br /><br />Of course, you can get the same information in the body of a e-mail<br />message and as a plain text file, by adding the GET or SEND options, or as<br />an HTML source adding GET SOURCE, SOURCE or XSOURCE options. <br /><br />BUT PLEASE NOTE passwords passed this way, like everything else under<br />e-mail, are not necessarily private, because:<br /> - www4mail logs in all transactions locally.<br /> - HTTP/FTP transactions with any server via e-mail are unencrypted<br /> and may be intercepted on the Internet.<br /><br />Secured Web servers (https://) are also handled by www4mail.<br /><br /><br /><br />www4mail Quota Limits<br />~~~~~~~~~~~~~~~~~~~~~<br />The quota period of a www4mail free service depends on the system<br />administrator. Usually the quota is limited to 100 to 300 requests <br />(in the categories - html or text or document source) per week. <br /><br />If you have exeeded your weekly quota, www4mail will inform you with a<br />"503 Error Message - Service Unvailble (quota finished)" and will stop<br />anwsering your requests after that!<br /><br />WARNING: Your quota will considerably vary when requesting binary files<br />such as ".exe", ".zip". These types of files will account for 3 to 5 times<br />as much. Images such as ".jpg", ".gif" will account for 20 times as much! <br />www4mail aims to facilitate access and searching of (HTML) Web documents. <br /><br />Each reply you get from the www4mail carries information about your<br />remaining quota and the day of the last access (usage within the quota<br />week). For instance, on the body of every ww4mail reply you will get<br />something like this: <br /><br />Dear User,<br /> Statistics of your (per week) usage of this service<br /> ===================================================<br /> Remaining Quota : 196<br /> Used Quota : 4<br /> Last access : html on Tue Jan 8 14:08:04 2001<br /><br />It is also possible to CHECK at any time YOUR WEEKLY QUOTA by sending<br />an e-mail <br /><br /> To: www4mail@wm.ictp.trieste.it<br /> Subject: (... whatever you like)<br /> <br />and write in the body of the e-mail:<br /> <br /> XMYQUOTA<br /><br /><br /><br />www4mail Access Control List (ACL)<br />~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<br />Please note that although www4mail is a free service that allows to<br />navigate the whole Internet via e-mail, but it will not permit access to<br />Web sites/documents that are Copyright or licensed, like most<br />Journals/Newspapers on-line, Library CD-ROMs, etc. <br /><br />www4mail keeps its own private Access Control List (ACL), which is<br />constantly updated. See section Disclaimer (below). <br /><br /><br /><br />FTP and Binary Files via www4mail<br />~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<br />If you use www4mail to retrieve, for example, image files (extensions<br />`.jpg', `.gif'), software (extensions `.tar', `hqx'), files in Word<br />(extension `.doc') or WordPerfect (extension `.wp'), or files which have<br />been compressed (extensions `.gz', `Z'), then www4mail will send you such<br />files as an attachment. <br /><br />For example, if you send an e-mail<br /><br /> To: www4mail@wm.ictp.trieste.it<br /> Subject: (... whatever you like)<br /><br /> ftp://ftp.andrew.cmu.edu/pub/mpack/mpack15d.zip<br />or<br /> http://www.ictp.trieste.it/images/ProfSalam.gif<br /><br />You will receive a binary message as BASE64 MIME file-attachment. There<br />also exists the possibility of uuencoding binary files using UUENCODE<br />option upon request. Please note that there are limits on the number of<br />bytes that www4mail will send you! -see section Automatic Splitting of<br />Messages (above). <br /><br />If a message is larger than 300 kilobytes (300kb), www4mail will<br />automatically split it into two or more 300kb files, and send each file as<br />a separate message. If this is the case, you will need to rebuild the<br />original file by attaching the single parts in one file only. A suitable<br />application or command can be used to combine all chunks (on UNIX use: <br />"cat file.1 file.2 file.3 > file" and on DOS use: "copy /b<br />file.1+file.2+file.3 file"). <br /><br />Your quota will considerably vary when requesting binary files!<br /><br /><br /><br />Special www4mail Options<br />~~~~~~~~~~~~~~~~~~~~~~~~<br />www4mail has been enhanced to include more specialized options for<br />setting the language and character set, allowing links for images, etc. <br />These new options were introduced as a result of the responsive feedback<br />from testers during the first months of trial.<br /><br />For example, you can also use any of the following options: <br /><br />XIMAGE (use one option line only!) <br /> This option will include links for images in a Web document sent as<br /> an attachment. <br />XLANGUAGE xx , xx (all in one option line only!) <br /> This option allows to set a list of (comma-separated) preferred<br /> language(s) for retrieving a Web document (please note that<br /> language support will only work if it is make available on the Web<br /> server requested). Examples of language codes available include: de<br /> (for German), en for English, fr for French, etc. <br /><br />XCHARSET xxxxx , xxxxx (all in one option line only!)<br /> This option allows to define the list of (comma-separated)<br /> preferred character set(s) for retrieving a Web document (please<br /> note that charset support will only work if it is available on the<br /> Web server requested). Examples of character sets available include: <br /> euc-cn (for Chinese), euc-jp (for Japanese), iso-8859-6 (for <br /> Arabic), etc. <br /><br />XMIME (use one option line only!)<br /> Some Mail User Agents render/display HTML or text attachments<br /> directly by themselves. For such MUAs www4mail can generate a<br /> different Content-Type: header for HTML documents. If this is the<br /> case, then using XMIME you can force the sending of html<br /> attachments using a MIME header of application/html. This is useful<br /> for preventing your e-mail client from attempting to open the html<br /> attachment itself. <br /><br />XURLCODE (use one option line only!)<br /> When filling HTML forms via e-mail, it could happen that your data<br /> input might get damaged somewhere along the line, in which case<br /> you might get a request to resend the data from the Web server. By<br /> using the XURLCODE option www4mail will attempt to instruct your<br /> Web browser to code the data before transmission by e-mail. This<br /> should protect the integrity of your input data and permit the<br /> submission of the filled form. <br /><br />XBYJS (use one option line only!)<br /> Some Web browsers are not capable of transmitting data by e-mail,<br /> e.g., MS-IE v3.0. This problem usually shows up after you check<br /> the links that you would like to retrieve and select the "Get<br /> Selected Document(s)" button. What you get is that your mail<br /> program opens a new message with the address of the www4mail server<br /> appearing and the body of the message blank. You can use the XBYJS<br /> option to work-around this problem provided you are using a<br /> JavaScript compatible browser. Note: This work-around tries to fill<br /> in the Subject: line automatically instead of the message body<br /> needed by www4mail. But if you notice that the Subject: line is<br /> blank, you will need to cut out all characters starting from the ?<br /> sign in the To: field and paste them in the Subject: line manually. <br /><br /><br /><br />Disclaimer<br />~~~~~~~~~~<br /><br />All requests, usage or abuse of any of the available www4mail servers <br />are stored in log files.<br /> <br />The authors providers of the Perl source code for www4mail cannot<br />be held responsible for the contents, presentation or mis-presentation<br />of Web documents retrieved from the Internet using any public or private<br />www4mail server. <br /><br />Updated information on www4mail can be found at: http://www4mail.org<br /><br /> ... Have a nice Internet navigation with www4mail!<br /><br /><br />

Web2Mail (inglés)

Frequently Asked Questions<br /><br /> 1. What is Web2Mail Lite?<br /> 2. How do I retrieve messages from POP email accounts?<br /> 3. How do I read my email on the web?<br /> 4. How do I send email messages and replies?<br /> 5. What is an instant delivery request?<br /> 6. How do I search the web by email?<br /> 7. What are web page subscriptions?<br /> 1. What delivery formats are available?<br /> 2. What are "include" and "exclude" words?<br /> 3. How do I suspend deliveries?<br /> 4. How do subscription folders work? <br /> 8. What about my privacy? <br /><br />What is Web2Mail Lite?<br />Web2Mail Lite is a free service giving you:<br /><br /> * A way to read and send POP email on the web<br /> * A new email address - username@web2mail.com<br /> * Email subscriptons to your favorite web pages<br /> * A way to browse and search the web by email <br /><br />How do I retrieve messages from POP email accounts?<br />Web2Mail Lite enables you to read your POP email on the web, from anywhere in the world. Just enter your username, password and server address then click "Get mail" to retrieve your email from any POP mail server.<br />How do I read my email on the web?<br />Once you've retrieved your POP email, you can read it online at Web2Mail. Just click the subject line of any message in your messaage list to read it. Sort your messages by sender, subject, date or size by clicking the blue table headers. We give every user 2MB of space to hold their emails.<br />How do I send email messages and replies?<br />Reply to any email you've received, or write and send a new email to anyone. The email is sent from your real email address or your Web2Mail Lite email address - it's up to you.<br />What is an instant delivery request?<br />Web2Mail Lite makes it easy to access the web by email. To request instant delivery of a web page, send an email to www@web2mail.com with the address of the web page you want as the subject of your email message. For example an email with the subject "news.bbc.co.uk" would request the BBC news. You should receive a reply within 5 minutes.<br />How do I search the web by email?<br />Web2Mail Lite even enables you to search the web by email. For example, to search for "peanuts" send an email to www@web2mail.com with the subject "search peanuts" in your email message. We will use a popular search engine to perform your search then reply to you with your search results, usually within 5 minutes.<br />What are web page subscriptions?<br />Web2Mail Lite gives you control over the web. Subscribe to web pages to have them delivered to your inbox according to your own schedule. You may choose the delivery time and frequency - daily, weekly, or on a particular day of the month. We only send you web pages if they have changed since the last time you read them.<br />What delivery formats are available?<br />By defalt, Web2Mail Lite delivers web pages as HTML without including any web page images. This is much faster than including images, but you may choose to have images included if you wish.<br />What are "include" and "exclude" words?<br />When we read web pages for you, we can check that they include or exclude words from the text. This way, you only receive web pages that include content that interests you, and exclude content that doesn't.<br />How do I suspend deliveries?<br />If you wish to suspend any web page delivery schedule, just click "Edit", then check the "Suspend deliveries" option. If you wish to suspend all your your subscriptions, click "Change my details" then check the "Suspend all deliveries" option. This is very useful when you go on vacation.<br />How do subscription folders work?<br />Use the Web2Mail Lite folders to arrange your web page subscriptons, just like you use your Favourites folders in your web browser. You'll find Web2Mail Lite folders more convenient because you can use them from any PC, anywhere in the world.<br />What about my privacy?<br />Please read our privacy policy if you have any concerns about your privacy. We promise not to give your email address to any third party, and never to send you email messages without your consent.<br /><br />

Agora (español)

Si quieres ver una pagina web, y no se tiene navegador, pero si se posee una cuenta de mail, se puede utilizar el FtpMail, un servicio gratuito que ofrecen universidades o centros privados para la comunidad internauta.<br /><br />Pagina1/1<br /><br />La dirección agora@dna.affrc.go.jp, es real y funciona, aunque ahí muchas mas direcciones en Internet. La respuesta puede durar de unas horas, a unos días, y esta limitado a 5.000 lineas, esta limitación incluye texto archivos binarios como .JPG, .GIF, .EXE, .ZIP, etc.<br /><br />Siempre deja el campo Subject en blanco.<br /><br />1.- Para recibir una pagina web recibiendo el contenido de la pagina se tiene que enviar un mail como:<br /><br />Mailto: agora@dna.affrc.go.jp<br />Body: SEND http://bulma.net/queesbulma.phtml<br /><br />2.- Para recibir una pagina web recibiendo el código fuente en HTML de la pagina se tiene que enviar un mail como:<br /><br />Mailto: agora@dna.affrc.go.jp<br />Body: source http://bulma.net/queesbulma.phtml<br /><br />3.- Para bajar un archivo binario, por ejemplo, el archivo bulma.jpg que se encuentra en Bulma:<br /><br />Mailto: agora@dna.affrc.go.jp<br />Body: send http://bulma.net/images/bulma.jpg<br /><br />A continuación el manual oficial en Inglés:<br /> <br /> ****************************************************<br /> ** <a href="http://www.dna.affrc.go.jp/htdocs/Agora/Help.txt">Agora: Retrieving WWW Documents through mail</a> **<br /> ****************************************************<br /><br />

Post relacionados

¿Cómo navegar sin Internet?

¿Cómo bloggear sin Internet? (1)

¿Cómo bloggear sin Internet? (2)

¿Cómo bloggear sin Internet? (3)

En próximos posts:

¿Qué son los freebies? ¿Cómo puedo dejar freebies en mi blog? (No importa el tema de tu bitácora, siempre puedes dejar freebies para tus visitantes.)

Las diferentes formas de Imprimir Blog, (Las variadas formas de ofrecer al navegante la opción de Imprimir tu blog o sitio web.)

Imágenes siempre disponibles para tu blog. ¿Cómo hacer? (Una muy útil herramienta de Firefox que localizará en toda la red más de una decena de imágenes relacionadas con tu post. Con un sólo click tendrás la imagen que prefieras en tu entrada.)