A+ | a-

¿Sabes cómo colocar un icono que acompañe la dirección web de tu blog?

bloggerImage 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.

Reblog this post [with Zemanta]

Post con textos a dos columnas

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. icono del blog La taza de cafe

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.

Reblog this post [with Zemanta]

Atributos XHTML de las imágenes

Trinidad (Cuba), CubaImage 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.


Reblog this post [with Zemanta]

Cómo cambiar la plantilla de diseño y conservar el sidebar

An article in Today newspaper on 18 March 2006...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.

Reblog this post [with Zemanta]

Imprimir el blog y guardarlo en pdf: dos en uno

Control key on an Apple wireless keyboardImage 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 Print; 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>








Reblog this post [with Zemanta]

Lo que debes saber: ¿Qué es la Web 2.0?

1;3...243!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...

Nuevas funcionalidades de Blogger

Blogger (service)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.

Reblog this post [with Zemanta]

Zemanta: añade imágenes, links y etiquetas a tu post con un solo click

Folie florale...!!!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

Zemanta

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

Zemanta

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.


Reblog this post [with Zemanta]

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

UkrainiansImage 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!


Reblog this post [with Zemanta]

Deja que tus lectores compartan tus posts en Facebook y Twitter

no sun & no people | have a nice sundayImage 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!

Invita a tus lectores a que recomienden tu página

Control key on an Apple wireless keyboardImage 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]



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!


Reblog this post [with Zemanta]

Deja que tus visitantes impriman o guarden tu blog en formato PDF

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:

impresora

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)



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)



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)



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)



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)



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)



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)



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)



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)



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)



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)



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)

¿Qué hace que la conexión sea lenta?

ISPS code being applied in Southampton with si...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.

Reblog this post [with Zemanta]

¿Qué es RSS? Garantiza la lectura de tu blog

LAS VEGAS - JANUARY 08:  An OLED (organic ligh...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.



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.

Agregar direccion Feedburner a Blogger


¡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.

Reblog this post [with Zemanta]

Ocultar la barra de navegación de Blogger

BloggerImage 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)



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

Reblog this post [with Zemanta]

Agregar lista de enlaces al blog

Big Faves and Model Shoot Links SetImage 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).

Reblog this post [with Zemanta]

Agregar Etiquetas al blog

A label with faux embossingImage 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.

Reblog this post [with Zemanta]

Nube de etiquetas móvil para tu blog

Cloud GateImage 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)



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)



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


Reblog this post [with Zemanta]

¿Cómo navegar sin Internet? (postdata)

writing...the old fashioned wayImage 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)




Web2Mail (inglés)




Agora (español)




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.)

Reblog this post [with Zemanta]
 

Busca en otros blogs de ayuda

ayudaparatodos http://ayudaparatodos.blogspot.com/ Visitar xr211205 http://xr211205.blogspot.com/ Visitar unpocodeayudita http://unpocodeayudita.blogspot.com/ Visitar elescaparatederosa http://elescaparatederosa.blogspot.com/ Visitar gemablog- http://gemablog-.blogspot.com/ Visitar vagabundia http://vagabundia.blogspot.com/ Visitar keytrucos http://keytrucos.blogspot.com/ Visitar oloblogger http://oloblogger.blogspot.com/ Visitar webjcp http://webjcp.blogspot.com/ Visitar generacion-blogger http://generacion-blogger.blogspot.com/ Visitar www.blogsmadeinspain http://www.blogsmadeinspain.blogspot.com/ Visitar meta-microcosmos http://meta-microcosmos.blogspot.com/ Visitar laeulalia-blogdeprobes http://laeulalia-blogdeprobes.blogspot.com/ Visitar conectablog http://conectablog.blogspot.com/ Visitar doxs http://doxs.blogspot.com/ Visitar neonena-mary http://neonena-mary.blogspot.com/ Visitar recursosparatublog http://recursosparatublog.blogspot.com/ Visitar demoblogs http://demoblogs.blogspot.com/ Visitar todoblogger1 http://todoblogger1.blogspot.com/ Visitar lacrax http://lacrax.blogspot.com/ Visitar paraunblogdechicas http://paraunblogdechicas.blogspot.com/ Visitar creaweb http://creaweb.blogspot.com/ Visitar desarrolloweb-josemanuel http://desarrolloweb-josemanuel.blogspot.com/ Visitar elblogdelui http://elblogdelui.blogspot.com/ Visitar trucosblogsblogger http://trucosblogsblogger.blogspot.com/ Visitar aprendiendoenlared http://aprendiendoenlared.blogspot.com/ Visitar blogparatorpes http://blogparatorpes.blogspot.com/ Visitar mundomakeas http://mundomakeas.blogspot.com/ Visitar cafe-junio http://cafe-junio.blogspot.com/ Visitar efecincoblog http://efecincoblog.blogspot.com/ Visitar elblogdelosblogs http://elblogdelosblogs.blogspot.com/ Visitar ayudaparaelblog http://ayudaparaelblog.blogspot.com/ Visitar bloggerbetamaniacos http://bloggerbetamaniacos.blogspot.com/ Visitar blogandroll-xosse http://blogandroll-xosse.blogspot.com/ Visitar olgacarreras http://olgacarreras.blogspot.com/ Visitar lablogueria http://lablogueria.blogspot.com/ Visitar