LO QUE SE DE BLOGS

Configurar tu domino Blogger en Namecheap

2011-09-21T19:21:00.000-07:00

Fuente: http://www.silverspear.me/2011/07/how-to-setup-blogger-custom-domain-with.html

As promised on previous post, here are the screenshots showing the process to setup custom domain on Blogger with NameCheap.

I guess if you found this page, you already know what Blogger custom domain is and the important of using a custom domain instead of Blogger standard address.

So, let's proceed with the setup. (Click images for larger version)

Setting on NameCheap Control Panel

Click "All Host Records" under Host Management.
Host Name: www, IP Adress/URL: ghs.google.com. (include "." and the end of .com). By default, NameCheap has inserted some value in the text box. Just overwrite with the given value.
Sub-Domain Settings

@/216.239.32.21/A (Address)
@/216.239.34.21/A (Address)
@/216.239.36.21/A (Address)
@/216.239.38.21/A (Address)

Finally, "Save Changes" to save your setting.

Setting on Blogger Dashboard

Click "Settings" and under "Basic",
Click "+Add acustom domain".

Click "Switch to advanced settings"

Enter your domain name with "www".
Click "Save" to save your settings.

Click the checkbox to redirect your naked domain to domain with "www".
Finally, click "Save" again to save your settings.
Wait a few minutes for the domain to propagate. Sometime it can take longer than that. If it takes longer than 48 hours, you have done something wrong. Please check back your settings and make sure they are correct. If problem still persist, contact your domain registrar.

Conversor PDF/JPG a texto (gratis)

2011-07-24T21:40:00.000-07:00

Fuente: Conversor PDF/JPG a texto (gratis)

Usar: http://www.free-online-ocr.com/
http://www.free-ocr.com/

Generalmente, cuando quieres transcribir una hoja escaneada a texto en pantalla debes pagar algún tipo de software, este no es el caso de Free OCR. Para ver si podía igualar los resultados de un software pago, realizamos algunos experimentos, aquí están los resultados. Free OCR, en definitiva, hace lo que muchas aplicaciones prometen: convertir PDF o imágenes a formato texto. Lo bueno es que es una herramienta en línea y gratuita.

No hay peor cosa en este mundo que tener que transcribir una enorme cantida de texto de la hoja al PC. No porque sea difícil, simplemente porque es frustrante. ¡Ahí está el texto!, ¿por qué tengo que pasarlo si ya está ahí? Afortunadamente, hay sitios que se toman la molestia, detectan el texto y lo transcriben formato texto. Free OCR es solo uno de ellos y lo mejor de todo, es gratuito.

Este sitio, permite tomar una imagen o un archivo PDF y lo transcribe a un bloque de texto que se puede copiar y pegar. Afortunadamente para nosotros, los de habla hispana, no solo permite ingresar texto en inglés sino también en español, francés, alemán y otros más. Así que con la misión de saber si este sitio gratuito podía igualar a los programas pagos, realizamos algunas pruebas.

El texto en español lo detecta bien, más allá de algun que otro problema.

¿Qué mejor manera de probarlo, que con un texto de nuestro querido sitio? Simulando que la nota elegida era una hoja de papel, la cual queríamos transcribir, tomamos una fotografía de la pantalla y subimos la imagen. Seleccionamos que el idioma en pantalla era español y esperamos los resultados. Este fue verdaderamente desastroso. Al parecer, Free OCR tuvo problemas con las imágenes y tomó cualquier cosa. Es decir, se olvidó por completo parte del texto y transcribió lo que quiso.

El segundo paso, para facilitarle las cosas, tomamos una imagen de solo texto, sin ninguna fotografía. En esta ocasión el resultado fue mucho más positivo. Aunque tuvo algunos problemas, como no separar algunas palabras o separar una palabra donde no era correcto, la mayor parte del texto la tomó de manera acertada. La prueba final consistió en tomar una imagen de texto en inglés. Los resultados, como esperábamos, fueron perfectos. Tomó el texto a la perfección sin ningún tipo de errores.

El texto en inglés lo transcribió a la perfección.

En definitiva Free OCR es una herramienta muy útil que no funciona de la mejor manera, pero aún así sigue siendo útil (en parte, porque todos más o menos funcionan igual). En primer lugar, es perfecto para texto en inglés. Y, en caso de que tengas un largo texto en español que transcribir, es mucho más simple pasarlo por este software y luego corregir los simples errores que comete. Eso sí, no metas ninguna imagen en el medio porque sino todo se va al demonio.

Como agregar el botón de Google + plus al blog

2011-07-12T06:50:00.000-07:00

Fuente Todo Blogger

Como muchos habrán notado, hace una semana aproximadamente salió la nueva red social de Google, llamada Google plus. Y junto a esa red, salió un botón de recomendación estilo TweetMe o Me Gusta, sólo que este es Google +1.

Este botón, al ser de Google, tiene un gran poder en los buscadores, cuantos más clicks tengamos, tenemos más probabilidades de obtener mejores posiciones en los buscadores. Google ya anunció que el botón Google +1 será determinante en el posicionamiento de varios sitios, y suena lógico.

Hoy quiero explicar como agregar el botón de Google +1 al blog, ya que como mencioné antes, es beneficiario en el posicionamiento web, y vale la pena colocarlo para todas nuestras publicaciones. El botón de Google +1, por si no lo conocen, es el que estoy utilizando en la derecha, al comienzo de cada artículo.

A continuación, los pasos a seguir para agregar el botón de Google +1 a sus sitios:

[1] Primero vamos a la página del generador del botón Google +1.

[2] Allí veremos una serie de opciones, pero lo explicaré por pasos. En la primera opción podemos elegir el tamaño del botón. El pequeño, el mediano, el normal o el alto.

En la segunda opción podemos elegir el idioma del botón, el idioma se ve afectado sólo cuando colocamos el cursor sobre el botón, ya que se despliega un cuadro que dice que hagamos click para publicar el contenido en nuestra cuenta.

A la derecha podremos ir viendo una vista previa de como va quedando nuestro botón.

[3] A continuación podemos utilizar otra opción llamada Opciones avanzadas, la cual al desplegar, podemos encontrar otras opciones.

Allí podremos elegir si utilizar el contador o no (sólo para los botones horizontales).

Podemos elegir también si queremos que se utilice el botón para la página en donde se está navegando o en una página única indicada, por ejemplo la página principal de un blog.

También podemos encontrar la función de devolución de llamada de JavaScript, la cual no entendí mucho, pero me parece que es para utilizar nuestro propio código JS y no depender del de Google, aunque no sé si estoy acertado en eso.

Por último está la opción de agregar nuestra propia URL al botón de Google más uno, si es que seleccionamos esa opción antes.

[4] Finalmente, sólo nos queda copiar un código que se genera según las opciones que hayamos elegido. El código está situado abajo, es fácilmente reconocible. El mío es algo así:

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">

{lang: 'es-419'}

</script>



<g:plusone size="tall"></g:plusone>

[5] Ahora tenemos que pegar el código en nuestro sitio. A continuación voy a explicar cómo hacerlo para Blogger y para WordPress:

Si utilizás Blogger:

1. Primero que nada vamos a descomponer el código en dos partes. Como vemos en el código nos explican dónde pegar cada cosa, entonces haremos eso.

2. Debemos ir a Diseño > Edición de HTML y vamos a espandir los artilugios.

3. Luego vamos a buscar la etiqueta </head> y antes de ella vamos a pegar lo que esté antes de , en mi caso quedaría así:



<script type="text/javascript" src="https://apis.google.com/js/plusone.js">

{lang: 'es-419'}

</script>

</head>

Esta parte del código es el script, el cual estaremos llamando con el otro código faltante por colocar.

4. Ahora vamos a buscar la siguiente linea y pegar todo el código restante a continuación de ella:

<div class='post-header'>

5. A continuación vamos a encerrar el código que pegamos recién en un divisor con estilos, para que quede mejor alineado con el texto:

<div style='float: right; padding:10px;'>

Código restante del botón Google más uno (+1)

</div>

En mi caso quedaría algo así:

<div style='float: right; padding:10px;'>



<g:plusone size="tall"></g:plusone>

</div>

6. En caso de que quieras que el botón se vea sólo en las páginas individuales del blog, debemos etiquetar el código que nos quedó del paso anterior nuevamente, pero ahora entre una condicional, que le dirá al blog que ejecute el código que está entre medio sólo en las páginas individuales:

<b:if cond='data:blog.pageType == "item"'>

Código del paso 5.

</b:if>

En mi caso el código quedaría algo así:

<b:if cond='data:blog.pageType == "item"'>

<div style='float: right; padding:10px;'>



<g:plusone size="tall"></g:plusone>

</div>

</b:if>

Si utilizás WordPress:

1. Vamos a Apariencia > Editor. Primero vamos a buscar el archivo header.php o similar y vamos a pegar antes de </head> el código que está antes de <!-- Agrega esta etiqueta donde quieras colocar el botón +1 -->, lo cual quedaría algo así:



<script type="text/javascript" src="https://apis.google.com/js/plusone.js">

{lang: 'es-419'}

</script>

</head>

2. Guardamos los cambios y ahora vamos a seleccionar el archivo en donde se encuentran las páginas individuales, generalmente es algo como single.php.

3. En ese archivo vamos a buscar la parte que refiera a lo que es el contenido, en el caso de muchos es <?php the_content(); ?>, obviamente puede tener distintos atributos. Entonces vamos a pegar el código restante de lo que teníamos al comienzo justo antes de esa etiqueta:

<div style='float: right; padding:10px;'>

Código restante del botón Google más uno (+1)

</div>

Y obviamente sustituiremos lo que dice Código restante del botón Google más uno (+1) por el código restante, dejando algo como esto:

<div style='float: right; padding:10px;'>



<g:plusone size="tall"></g:plusone>

</div>

4. Ahora simplemente guardamos los cambios y listo.

Si utilizás WordPress (Google +1 con plugin):

Hay un plugin disponible para facilitar la instalación del botón de Google +1 en WordPress. Ese plugin se llama Google +1 Button, un nombre no tan complejo. Para instalarlo debemos hacer como con cualquier otro plugin, y luego tendremos muchas opciones, como cuando creamos el código desde la página del generador de Google +1.

Si quieren obtener más información sobre el botón Google +1: Botón de Google +1

Si tienen alguna duda sobre el botón: Preguntas frecuentes sobre el botón Google +1

Incoming search terms:

google plus
agregar el boton de google en ell blog
agregar boton google plus
google plus boton
boton google plus
blogger google plus
Añadir boton google
plantilla google plus para blogger
google plus en blogger
boton google plus blogger

Como poner el Boton Facebook de Compartir en tu blog de Blogger II

2011-04-09T20:06:00.000-07:00

Mas Informacion: Facebook Share Count Buttons For Blogger

Facebook has now officially introduced the Retweet like facebook buttons for your blogs or sites. These facebook buttons look much similar to the Retweet buttons by Tweetmeme. Facebook has 5 styles of Sharing buttons. Here we will see two of them.

Adding a Facebook share count button will show a neat count of how many times your blog post has been shared on Facebook.

Facebook Share Button Style 1

Code for Facebook Share Button Style 1

<div style="float:right;padding:4px;">

<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Facebook Share Button Style 2

Code for Facebook Share Button Style 2

<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>

<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Facebook Share Button Compact Style 1

Code for Facebook Share Compact Button Style 1

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>

</div>

Facebook Share Button Compact Style 2

Code for Facebook Share Compact Button Style 2

<div style="float:left;padding:4px;">

<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

How to install Facebook Share Count Button on your Blogger Blog?

1.Select one of the Share Button Styles and copy the Corresponding Code.

2.Now login to your Blogger Dashboard and navigate to Layout > Edit Html and check the check box which says “Expand widget templates”

3.Find this piece of code

and immediately after that place our Facebook share button code(that you copied)

If you were unable to find this code in your template,then look for the first occurrence of

<data:post.body/>

and immediately before that paste our Facebook Share button code(that you copied).

5.Save the template and you should get a facebook share count button near each of your blog posts.

Como poner el Boton Facebook de Compartir en tu blog de Blogger

2011-04-09T10:06:00.000-07:00

VER Articulo inicial en: Botón para compartir de Facebook

Ya hace un tiempo vimos cómo poner un botón para compartir en Twitter y Facebook, pero lamentablemente el botón de Facebook ha dado muchos problemas en cuanto a la velocidad con la que carga y específicamente con el servidor de Fbshare que suele caerse seguido y por lo tanto no se muestra. Así que vamos a usar uno que ha sido desarrollado por Facebook y por lo tanto no debe dar los mismos problemas que ha dado el otro.

Para colocarlo en el blog sólo entra en Diseño | Edición de HTML, marca la casilla Expandir plantillas de artilugios y busca esta etiqueta:

<div class='post-body entry-content'>

Justo debajo de ella agrega lo siguiente:

<b:if cond='data:blog.pageType == "item"'>

<div style='float:right; padding:5px;'>

<a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Compartir</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>

</div>

</b:if>

El resultado será este:

Si quisieras el botón con el número a su derecha entonces usa este código:

<b:if cond='data:blog.pageType == "item"'>

<div style='float:right; padding:5px;'>

<a href='http://www.facebook.com/sharer.php' name='fb_share' type='button_count'>Compartir</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>

</div>

</b:if>

El resultado será este:

Si quisieras poner sólo el botón, si el número de veces que se ha compartido entonces usa este código:

<b:if cond='data:blog.pageType == "item"'>

<div style='float:right; padding:5px;'>

<a name="fb_share" type="button" href="http://www.facebook.com/sharer.php">Compartir</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

</div>

</b:if>

El resultado será este:

Pero si tampoco quisieras un botón y sólo deseas un enlace entonces usa este código:

<b:if cond='data:blog.pageType == "item"'>

<div style='float:right; padding:5px;'>

<a name="fb_share" type="icon_link" href="http://www.facebook.com/sharer.php">Compartir</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

</div>

</b:if>

El resultado será este:

En el caso de los primeros dos botones es posible que cuando lo pongas no veas el número ya sea arriba o a la derecha, pero aparecerá en cuanto le des click para compartir y después de eso siempre se mostrará.

Si quisieras el botón al lado del título de la entrada entonces pega el código debajo de esta línea:

<b:if cond='data:post.title'>

Si ya usas el botón anterior de Fbshare y quieres cambiarlo por este, sólo busca en tu plantilla este código:

<script>var fbShare = {

url: '<data:post.url/>',

}</script>

<script src='http://widgets.fbshare.me/files/fbshare.js'/>

O este otro:

<script>var fbShare = {

url: '<data:post.url/>',

size: 'small',

}</script>

<script src='http://widgets.fbshare.me/files/fbshare.js'/>

Y cámbialo por el nuevo código de Facebook que hayas elegido.

Toma en cuenta que el botón SÓLO se verá en las entradas individuales, no en la portada, esto es debido a que si se pone en portada da muchos errores.

Si bien se supone que este botón es más eficiente que el de Fbshare hay que recordar que es normal que algunas veces pueda tardar un poco en cargar el gadget pues muchas veces el servidor se satura y se alenta, tal como sucede co cualquier otro gadget que usemos.

Optimización de motores de búsqueda (SEO)

2011-04-01T17:29:00.000-07:00

Del Centro para Webmasters de Google

Puedes descargarte el PDF desde http://www.google.es/webmasters/docs/guia_optimizacion_motores_busqueda.pdf

SEO son las siglas en inglés de "optimización de motores de búsqueda" (Search Engine Optimization) o de "optimizador de motores de búsqueda" (Search Engine Optimizer). Contratar a un SEO es una decisión muy importante que puede mejorar su sitio y ahorrarle tiempo, aunque también se arriesga a dañar su funcionamiento y reputación. Asegúrese de averiguar tanto las posibles ventajas como los daños que un SEO poco solvente puede provocar en su sitio. Muchos SEO y otras agencias y consultorías ofrecen servicios útiles para los propietarios de sitios web, como:

revisión del contenido y la estructura del sitio,
asistencia técnica en el desarrollo de sitios web: por ejemplo, alojamiento, redireccionamientos, páginas de error, uso de JavaScript, etc.,
desarrollo de contenidos,
administración de campañas de desarrollo empresarial online,
investigación sobre palabras clave,
formación en SEO,
experiencia en sectores específicos y regiones geográficas.

Recuerde que la página de resultados de búsqueda de Google a menudo incluye resultados de búsqueda orgánica y, a menudo, publicidad de pago (indicada por el encabezado "Enlaces patrocinados"). Anunciarse en Google no influye en la posición en que su sitio aparece en los resultados de búsqueda. Google nunca acepta dinero por incluir o clasificar sitios en nuestros resultados de búsqueda; aparecer en los resultados de búsqueda orgánica es gratuito. Existen recursos gratuitos como las Herramientas para webmasters de Google, el blog para webmasters oficial y el foro de debate, que pueden proporcionarle una gran cantidad de información sobre cómo optimizar su sitio para la búsqueda orgánica. Puede encontrar muchos de estos recursos gratuitos, así como información sobre la búsqueda de pago, en el Centro para webmasters de Google.

Antes de empezar a buscar un SEO, es importante formarse como consumidor y familiarizarse con el funcionamiento de los motores de búsqueda. Para empezar:

Si está considerando la posibilidad de contratar a un SEO, cuanto antes lo haga, mejor. Un buen momento para contratar estos servicios es cuando vaya a cambiar el diseño de su sitio o cuando vaya a publicar un sitio nuevo. De esta forma, podrá asegurarse de que el sitio se ha diseñado conforme a los requisitos del motor de búsqueda. No obstante, un buen SEO también puede ayudar a mejorar un sitio existente.

Algunas preguntas útiles para formular a un SEO:

¿Pueden mostrarme ejemplos de su trabajo y conocer la experiencia de sus clientes?
¿Siguen las directrices para webmasters de Google?
¿Ofrecen algún servicio de marketing online o asesoramiento para complementar el negocio de búsquedas orgánicas?
¿Qué tipo de resultados esperan obtener y en qué plazo de tiempo?; ¿cómo se mide el correcto funcionamiento del sitio?
¿Qué experiencia tienen en el sector en que opera mi empresa?
¿Qué experiencia tienen en el país y ciudad en que opera mi empresa?
¿Qué experiencia tienen en el desarrollo de sitios internacionales?
¿Cuáles son las técnicas de optimización más importantes que utilizan?
¿Cuánto tiempo hace que se dedican a este negocio?
¿De qué manera nos comunicaríamos? ¿Me informarían de todos los cambios realizados en mi sitio y ofrecerían información detallada sobre recomendaciones y los motivos de estas?

Aunque pueden proporcionar servicios muy valiosos a los clientes, algunos SEO con falta de ética han perjudicado al sector con estrategias agresivas e intentos de manipular los resultados de los motores de búsqueda de forma ilícita. Toda práctica que no cumpla con nuestras directrices puede afectar negativamente a la presencia de su sitio en Google, o incluso puede provocar la eliminación del sitio en nuestro índice. Veamos algunos aspectos que debe tener en cuenta:

Desconfíe de empresas de SEO y consultorías o agencias web que le envíen mensajes de correo no solicitado.
Sorprendentemente, nosotros también recibimos este tipo de mensajes:

"Estimado google.es:
Hemos visitado su sitio web y hemos comprobado que no está incluido en los principales motores de búsqueda y directorios..."

Sea tan escéptico con el correo no solicitado sobre motores de búsqueda como lo es con las "pastillas adelgazantes que queman grasas mientras duerme" o con las solicitudes para ayudar a transferir fondos de dictadores destituidos.
Nadie puede garantizarle el primer puesto en la clasificación de Google.
Desconfíe de los SEO que dicen garantizar las clasificaciones, que afirman tener una "relación especial" con Google o que dicen disponer de un sistema de "transferencia prioritaria" a Google. Google no hace distinción alguna. De hecho, la única forma de transferir un sitio directamente a Google es mediante nuestra página Añadir URL o mediante el envío de un sitemap. Puede hacerlo usted mismo, de forma totalmente gratuita.
Desconfíe de una empresa con secretismos o que no explica claramente sus intenciones.
Pida explicaciones si algo no le queda claro. Si un SEO crea contenido engañoso o falso en su nombre, como páginas "puerta" o dominios "desechables", puede que su sitio quede excluido definitivamente del índice de Google. En última instancia, usted es el responsable de las acciones de las empresas que contrata. Por lo tanto, es mejor asegurarse de que sabe exactamente cómo piensan "ayudarle". Si un SEO tiene acceso al FTP de su servidor, la empresa le debe explicar todos los cambios que va a realizar en su sitio.
No debería tener nunca un enlace a un SEO.
Desconfíe de los SEO que hablan sobre la eficacia de los enlaces "gratuitos para todos", esquemas de popularidad de enlaces o el envío de su sitio a miles de motores de búsqueda. Se trata de acciones sin utilidad que no afectan al posicionamiento de su sitio en la página de resultados de los principales motores de búsqueda, al menos no de una forma que usted podría considerar positiva.
Elija con cuidado.
Cuando se decida por un SEO, se recomienda realizar algunas averiguaciones en el sector. Evidentemente, Google le proporciona una manera de hacerlo. También puede consultar algunas de las noticias que han aparecido en la prensa y que conminan a actuar con precaución, incluido este artículo sobre un SEO particularmente agresivo: http://seattletimes.nwsource.com/html/businesstechnology/2002002970_nwbizbriefs12.html. Aunque Google no hace comentarios sobre empresas concretas, hemos encontrado empresas que se hacen llamar SEO y que presentan prácticas comerciales claramente inaceptables. Tenga cuidado.
Asegúrese de que ha entendido adónde va su dinero.
Aunque Google nunca vende la posición de un sitio en nuestras páginas de resultados, hay muchos otros motores de búsqueda que combinan resultados de pago por clic o pago por inclusión con sus resultados de búsqueda web normales. Algunos SEO prometerán una posición elevada en motores de búsqueda, pero lo colocarán en la sección publicitaria en lugar de en los resultados. Algunos SEO incluso cambian en tiempo real sus precios de oferta para crear la ilusión de que "controlan" otros motores de búsqueda y de que pueden colocarse en el lugar deseado. Esta trampa no funciona con Google, ya que nuestra publicidad está claramente marcada y separada de los resultados de búsqueda. No obstante, asegúrese de preguntar al SEO que esté considerando contratar las tarifas que se destinarán a una inclusión permanente y las que se destinarán a la publicidad temporal.
¿Cuáles son los usos inadecuados más comunes que suele sufrir el propietario de un sitio web?

Un tipo de práctica fraudulenta habitual es la creación de dominios "sombra" que envían usuarios a un sitio mediante redireccionamientos engañosos. Con frecuencia, esta clase de dominios son propiedad del SEO que alega estar trabajando en beneficio del cliente. Sin embargo, si la relación se deteriora, el SEO podría apuntar el dominio a un sitio distinto, o incluso al dominio de la competencia. En este caso, el cliente habrá pagado por desarrollar un sitio de la competencia propiedad exclusiva del SEO.

Otra práctica ilícita es la colocación de páginas "puerta" repletas de palabras clave en algún lugar del sitio web del cliente. El SEO promete que este proceso hará que la página sea más relevante para un mayor número de consultas. Esto es completamente falso, ya que las páginas individuales raramente son relevantes para una amplia gama de palabras clave. No obstante, aún más malintencionado es que dichas páginas puerta a menudo contienen enlaces ocultos que apuntan también a otros clientes del SEO. Este tipo de páginas reduce la popularidad del enlace de un sitio y la redirecciona al SEO y a sus otros clientes, entre los que pueden incluirse sitios con contenido indeseable o ilegal.

¿En qué otras cosas debo fijarme?

Hay ciertos indicios que podría hacernos pensar que se trata de un SEO sin escrúpulos. No se trata de una lista exhaustiva. Por lo tanto, ante cualquier duda, le recomendamos que siga su instinto. No dude en romper la relación si el SEO:

es propietario de dominios sombra,
coloca enlaces a sus otros clientes en páginas puerta,
ofrece vender palabras clave en la barra de direcciones,
no distingue entre los verdaderos resultados de búsqueda y los anuncios que aparecen en ellos,
garantiza una posición concreta, pero solamente para frases de palabras clave extrañas y largas, que obtendría de todos modos,
funciona con múltiples alias o información falsificada de WHOIS,
obtiene tráfico de motores de búsqueda "falsos", spyware o scumware,
se han eliminado dominios del índice de Google o no está incluido en el índice de Google.

Si cree que ha sido víctima de las prácticas fraudulentas de un SEO, le recomendamos que informe de ello.

En Estados Unidos, la Federal Trade Commission (FTC, Comisión federal de comercio) se encarga de gestionar denuncias por prácticas comerciales engañosas o desleales. Para presentar una denuncia, visite http://www.ftc.gov/ y haga clic en "File a Complaint Online" (Presentar una denuncia online), llame al 1-877-FTC-HELP, o escriba a la siguiente dirección postal:

Federal Trade Commission
CRC-240
Washington, D.C. 20580 (USA)

Si la denuncia es contra una empresa de un país distinto de los Estados Unidos, cúrsela en la dirección http://www.econsumer.gov/.

Como averiguar en que fecha entraste a FAcebook

2011-02-13T17:02:00.000-08:00

Pues no hay una forma directa.

Las opciones son:

1. Fijate la foto de tu primer Avatar en facebook

2. Busca la notificacion de bienvenida en tu correo

3. si tu correo es gmail compruebalo usando las opciones de busqueda.

La mas Util es:

after:
before:
Permite buscar mensajes enviados dentro de un período de tiempo concreto.*
*El formato de las fechas debe ser aaaa/mm/dd. Ejemplo: after:2004/04/16 before:2004/04/18
Hace referencia a los mensajes enviados entre el 16 de abril de 2004 y el 18 de abril de 2004*.
*Más exacto: los mensajes enviados después de las 12:00 AM (o 00:00) del 16 de abril de 2004 y antes del 18 de abril de 2004.

Sitemaps Mejorados

2011-01-10T15:17:00.000-08:00

Via Vagabundia

Eso es todo, otra vez a esperar.

Hasta acá no hay problema pero, el redireccionamiento de Feedburner nos complica un poco. La solución es sencilla y nos la dan en Digital Expiration. Eliminamos el sitemap y cambiamos la dirección (o agregamos otro y cuando funcione, eliminamos el viejo) pero, esta vez lo hacemos añadiéndole un parámetro:

http://nombre.blogspot.com/atom.xml?redirect=false

El siguiente problema es más engorroso de resolver: los feeds de Blogger sólo admiten los últimos 25 posts.

Pero, ya que podemos agregar parámetros, los usamos. Por ejemplo:
http://nombre.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=100

Enviará 100 posts y si tenemos más:

http://nombre.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=100 http://nombre.blogspot.com/atom.xml?redirect=false&start-index=101&max-results=100

Es decir, agregamos tantos sidemaps como post querramos indexar. El valor de 100 es un valor tentativo ya que aparentemente, el valor máximo permitido es 500 así que, personalmente, he probado con:

http://nombre.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500
http://nombre.blogspot.com/atom.xml?redirect=false&start-index=501&max-results=500
http://vagabundia.blogspot.com/atom.xml?redirect=false&start-index=1001&max-results=500

Al principio, y hasta tanto Google las verifique, aparecerán como pendientes pero, los datos ingresados fueron aceptados lo que indica que la URL y los parámetros son correctos.

Inserta ustream a una pagina de Facebook

2010-10-04T21:07:00.000-07:00

Articulo Principal: Insert Ustream with static FBML

Hace unos días teníamos que hacer una transmisión de video en vivo para un cliente vía su Like/Fan Page.

Decidimos utilizar el servicio de USTREAM para el streaming de video porque es uno de los mejores.

Para insertar cualquier elemento (en este caso el video en vivo) dentro de una pestaña de Facebook necesitamos utilizar código FBML.

Empecé el google search con ustream fbml static y no encontré nada que resuelva mi problema exactamente así que modifiqué la búsqueda a youtube fbml static y encontré esto:

<fb:swf

swfbgcolor=”000000″ imgstyle=”border-width:3px; border-color:white;”

swfsrc=’http://www.youtube.com/v/JOt2Qp0H9G8‘

imgsrc=’http://img.youtube.com/vi/JOt2Qp0H9G8/2.jpg’ width=’340′ height=’270′ />

Luego un par de neuronas hicieron conexión y recordé que USTREAM da servicio de embeder por HTML con un código como este:

<object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ width=”400″ height=”251″ id=”utv658922″><param name=”flashvars” value=”autoplay=false&brand=embed&cid=637790&locale=en_US”/><param name=”allowfullscreen” value=”true”/><param name=”allowscriptaccess” value=”always”/><param name=”movie” value=”http://www.ustream.tv/flash/live/1/637790?v3=1″/><embed flashvars=”autoplay=false&brand=embed&cid=637790&locale=en_US” width=”400″ height=”251″ allowfullscreen=”true” allowscriptaccess=”always” id=”utv658922″ name=”utv_n_816458″ src=”http://www.ustream.tv/flash/live/1/637790?v3=1” type=”application/x-shockwave-flash” /></object>

Lo que sigue es intercambiar las partes que he señalado con negrita

<fb:swf

swfbgcolor=”000000″ imgstyle=”border-width:3px; border-color:white;”

swfsrc=’http://www.ustream.tv/flash/live/1/637790?v3=1‘ OJO

imgsrc=’http://img.youtube.com/vi/JOt2Qp0H9G8/2.jpg’ width=’340′ height=’270′ />

Sólo faltaría modificar la url de la imagen previa antes de cargar el video

imgsrc=’http://img.youtube.com/vi/JOt2Qp0H9G8/2.jpg’

Parece algo elemental pero no encontré nada en google =)

PD: USTREAM ofrece un servicio de hacer la conexión con facebook pero no es automatizado debes completar un formulario y esperar por la respuesta 2 semanas por lo menos.

Como añadir YouTube Videos o Flash a Paginas Facebook con Static FBML Pages

2010-10-04T19:04:00.000-07:00

Articulo Original: How to Add YouTube Videos or Flash to Facebook Static FBML Pages

As detailed in my previous blog post on the Facebook application Static FBML, this Facebook app is a great way to create custom pages with layouts created in CSS/HTML, or by using Facebook's proprietary FBML (Facebook Markup Language).

Recently, someone asked us how to embed video in a Static FBML page. Well, you can actually embed any Flash object using FBML, and it's pretty easy. Here's how it's done if you want to embed a YouTube video (Note: you can use this technique to embed any Flash object with the .swf extension).

PLEASE NOTE:

Static FBML can only be used on Fan Pages, not Personal Profiles or Group pages.

You can only use CSS and HTML in these pages, and FBML.

Your video cannot start playing when the page loads. Facebook requires a user action (usually a click) to load Flash or run JavaScript.

To position your video on your page, put the fb:swf code in a containing DIV, set to the width of the video, and position the DIV using CSS.

If you can't get this working::

Check your URLs: Make sure the URLs to both the activation image (imgsrc) and the video or Flash object are correct. You can test them by pasting the URL into your browsers address bar and accessing the image or video channel directly. If you can’t access them via this method, your URL is incorrect.

URLs are case sensitive: All directory and file names after the domain name are case sensitive. One misplaced capital and it won't work!
Close the fb:swf tag Make sure you have closed the <fb:swf> tag, with "/>" (without the quotes). If the tag isn’t closed, it won’t work.

Make sure quotes match and are closed: It doesn’t matter if they’re single (‘) or double (“), but they must match and they must be closed (width=’xxx’ or width=”xxx” – NOT width=’xxx or width=”xxx or width="xxx' ).

Embed a YouTube video using FBML

Here's the code you put on your Static FBML page:

<fb:swf swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;" swfsrc='http://www.youtube.com/v/xxxxxxxxxx' imgsrc='http://img.youtube.com/vi/xxxxxxxxxx/2.jpg' width='340' height='270' />

Replace "xxxxxxxxxx" with the YouTube video ID, which is the string of characters after the "v=" in the URL in your browser's address bar (up to the "&" or anything following it, if you see that after the string of letters and numbers). For example:

http://www.youtube.com/watch?v=JOt2Qp0H9G8&feature=related

You would replace "xxxxxxxxxx" with "JOt2Qp0H9G8" in both places, resulting in:

<fb:swf swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;" swfsrc='http://www.youtube.com/v/JOt2Qp0H9G8' imgsrc='http://img.youtube.com/vi/JOt2Qp0H9G8/2.jpg' width='340' height='270' />

You can also change the values for "swfbgcolor" and "imgstyle" to your preferences.

The value "swfsrc" is the absolute URL to the Flash file you want to embed (YouTube videos are in Flash format).

The Preview / Activation Image — imgsrc

Facebook requires a user action (usually a click) to trigger Flash or JavaScript to run. There is no way around this requirement. The "imgsrc" image is the image the user will see in place of your video. When s/he clicks the image, your video loads.

To eliminate a second click to start the video after it loads, try setting your video to autoplay so that it plays immediately when the user clicks the activation image. You do this by appending "&autoplay=1" to the swfsrc URL:

swfsrc = 'http://www.youtube.com/v/JOt2Qp0H9G8&autoplay=1'

The value "imgsrc" is the preview/activation image. The YouTube thumbnails are small( usually 120x90 pixels), so you don't really want to use those for your activation image.

You can change the "imgsrc" URL to point to any image online, so you should probably create your own image at the 340x270 dimensions (or whatever dimensions you wish — the 340x270 is just an example), upload it to your server (or use an image hosting service like Photobucket to host your images).

On your Fan Page, an image appears first (the value of "imgsrc"). When the user clicks the image, it turns into the Flash object.

Positioning / Aligning your Video on the Page

If, for example, you want to center your video/Flash on the page, you need to put it inside a containing DIV and position the DIV using CSS, as in this example using the width of 492 pixels:

<div style="margin:0 auto; width:492px;"> <fb:swf swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;" swfsrc='http://www.youtube.com/cp/vjVQa1PpcFNbP_fag8Pvon-YFxwXVQJTFzsNmHqblLI=' imgsrc='http://www.hyperarts.com/facebook/_img/click-to-play.gif' width='492' height='391'/> </div>

The "margin:0 auto" centers the containing DIV on the page. You can set the top and bottom margins to whatever values you wish, but the left and right values have to be set to "auto" to center the DIV.

The above is ONLY an example; set the values appropriate to your video/Flash.

Feel free to ask questions via comments, and I'll try to help.

Importar y exportar marcadores de Firefox a otra Computadora

2010-09-26T21:05:00.000-07:00

Nota Original: Importar y exportar marcadores de Firefox
* Desde el menú Marcadores – Administar marcadores accedemos al gestor de marcadores de Firefox.
* Desde Ahí, vamos al Menú Archivo – Exportar… y saldrá la ventana de windows preguntando la carpeta destino del archivo “bookmarks.html”. Se generará un archvo html con todos los enlaces.
* Para Importar seguiremos el mismo camino y desde el gestor de marcadores iremos al Menú Archivo – Importar

Como agregar meta Tags y Meta Descripcion a blogger

2010-09-24T11:38:00.000-07:00

Agregar etiquetas META en Blogger

Como ya hemos comentado en Como utilizar los Metatags los metatags son muy importantes para indicar a los buscadores el contenido de nuestra web. Veamos como agregar metatags en blogger de manera sencilla.

Normalmente se deberían agregar un description y keywords por cada página de nuestro blog, pero solo agregaremos los metatags a la página principal de nuestro blog. En las páginas que no tengan metatags los buscadores generarán automáticamente el description basado en el texto de la página.

Código para los Metatags en Blogger

Entonces utilizando la sintaxis condicional en Blogger, tendríamos el siguiente código para mostrar los metatags en el home de nuestro blog. Este código debe ser colocado justo antes del tag </head>.

<b:if cond='data:blog.pageType == "index"'>
<meta name='keywords' content='keywords, separados, por, comas' />

<meta name='description' content='Descripcion del sitio web' />
</b:if>

Ejemplo Practico

Entonces para nuestro blog de ejemplo creado en Blogger tendríamos nuestros metatags personalizados con el siguiente código:

<b:if cond='data:blog.pageType == "index"'>
<meta name='keywords' content='tips, wordpress, blogger, twitter, html, css' />

<meta name='description' content='Tips, tutoriales, ejemplos y descargas para personalizar tu web.' />
</b:if>

Sencillo pero les ayudará mucho a posicionar su blog en los buscadores.

Tambien ver: Como agregar Meta keywords & meta description

Como sabrán hay varias meta tags que puedes añadir a tu blog, y estas son de alguna manera importante para el posicionamiento en los buscadores esta vez solo hablaremos de como agregar las meta tags: <keywords> y <description>

Lo se tendría que hacer es añadir meta keywords y meta description sólo para la página de inicio, con condicionales. De esta forma, Google no detecta meta keywords y description duplicados.

Para ello, buscar (también al inicio de la plantilla):

<b:skin><![CDATA[/*

Y añadir el siguiente código antes:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="description" content="La descripción de tu blog" />
<meta name="keywords" content="keyword1, keyword2, keyword3, keyword4, keyword5" />
</b:if>

Solo falta editar ese codigo, poniendo la descripción del blog y donde dice: keyword1, keyword2, keyword3, keyword4, keyword5 escribirás logicamente las palabras claves que quieras y de lo que trate tu blog.

Como ves es muy facil, aplicalo a tu blog y obtendrás beneficios a largo plazo. Espero que se haya entendido todo.

Como Descargar audio de YouTube

2010-09-14T10:33:00.000-07:00

Fuente SpamLoco

Generalmente cuando quiero obtener el audio de un video de YouTube utilizo a Freecorder, un programa que permite capturar cualquier sonido que pasa por el navegador. Pero para los que no desean instalar programas y quieren una solución más sencilla, existen servicios online que permiten descargar el audio de los videos de YouTube en formato mp3.

Descargar Musica YouTube .com y Dirpy, son sitios que te permitirán lograrlo, con el primero además de descargar el sonido se pueden convertir los videos a otros formatos, algo que también podemos hacer con Ace Downloader; con el segundo sitio es posible descargar el audio y editarlo online.

El primero es el más sencillo de utilizar, aunque el funcionamiento de todos es similar, simplemente debemos ingresar la url del video y descargar el mp3.

Como añadir el boton oficial de Twitter en tu Wordpress

2010-09-04T21:41:00.000-07:00

Mas informacion: Agrega TweetButton en WordPress y Blogger
Para ponerlo mejor en WordPress hay que poner dos funciones PHP de WordPress tanto como URL personalizada, como también como título personalizado en la configuración de Tweetbutton tal y como vemos en las capturas que van a continuación:

En lugar de lo que os sugeríamos, sugerimos poner la función para el texto del tweet y para el enlace que debe figurar en el tweet.

Después, hay que buscar el lugar adecuado para ubicarlo en los archivos index.php y single.php (como mínimo, se puede también integrar en resultados de búsqueda, etc.) de nuestro theme.

Como añadir los Botones de "like" de Facebook a Wordpress

2010-09-04T21:37:00.000-07:00

Mas detallado en: Botón “Me Gusta” de Facebook en tu WordPress

El boom de las redes sociales debe ser aprovechado. Y una de las cosas mas geniales que se popularizaron gracias a Facebook es el botón Like it (“Me gusta”), por su sencillez y su capacidad de elevar la cantidad de visitas a un contenido en particular.

Cada vez que un usuario presiona el botón “Me Gusta”, los amigos del mismo pueden observar la acción y, si son lo suficientemente curiosos, visitar nuestro contenido potencialmente multiplicando las visitas.

Para colocar el boton en tu theme WordPress, debes abrir el archivo single.php y debajo de <?php the_content(); ?> colocar:

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=standard&amp;show-faces=true&amp;width=500&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:500px; height:60px"></iframe>

Listo! Sus usuarios ya tienen una herramienta mas para compartir todas las notas.

Mas detallado en: Tip: Agregar el botón Like / Me Gusta de Facebook a Wordpress

Lo único que necesitan hacer, es dirigirse al directorio del tema que estén usando en Wordpress y editar el single.php (usualmente ubicado en /wp-content/themes/nombredetema/single.php) con el siguiente código:

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&layout=standard&show-faces=true&width=500&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:500px; height:60px"></iframe>

(cambiando width y height de acuerdo al ancho / alto que quieran.)

Este código lo pegan exactamente donde quieren que aparezca el boton en sus temas, y listo! Si quieren agregarlo también a la página principal, no se olviden de pegar el código en “index.php”.

Si quieren generarlo manualmente ustedes, pueden hacerlo desde aquí Like Plugin (facebook).

Lo que estamos haciendo aqui es reemplazar el código original, por

<?php echo urlencode(get_permalink($post->ID)); ?>

Lo cual hará que funcione con páginas dinámicas / individuales!

Posicionamiento en Bing

2010-08-30T09:17:00.000-07:00

Fuente: Dcorbaxeo

A pesar de que en España la inmensa mayoría de los usuarios emplean Google como motor de búsqueda no podemos olvidar a sus dos grandes competidores, Yahoo y Bing.

Hoy vamos a centrarnos (si podemos) en las acciones SEO para Bing:

Bing prioriza la antigüedad del dominio, lo cual favorece el posicionamiento, (SEO). Esto es fácil de comprobar al realizar cualquier búsqueda.
Incluir palabras claves en el dominio, también mejora la indexación.
Títulos únicos y descripciones de Meta a cada página Al añadir los títulos y las descripciones útiles vas a proporcionar a Bing información orientada, palabras clave, así que representará tu sitio web de este modo, en el mejor rango de Bing.
Caracteres que leen los buscadores del Título, URL y Descripción:
Una diferencia importante es que Bing admite más caracteres en las descripciones y en los title. Así lo ilustra este gráfico de Seomoz con una comparativa sobre los caracteres que lee cada navegador.
(Gracias a @RBZSevilla):

Conviene recordar que un título corto y preciso, (dirigido sobre todo al usuario), vale mucho más que uno largo y confuso.
Estas cifras son sólo orientativas.
Microsoft Advertising Intelligence: Implementación de palabras clave con la Herramienta de Optimización específica para la creación de anuncios, similar a AdWords.
Estructura sistemática de la página, código html verificado e Imágenes etiquetadas. A Bing le gusta una estructura de datos consistente entre las páginas (como la colocación de datos similares entre las páginas utilizando una estructura de árbol similar, los nombres de clase similar, el apoyo a las tecnologías de marcado estándar, como los formatos de las micro, etc sobre todo para los blogs) para añadir más del contenido del sitio en SERP´s de Bing.
Calidad de contenido. Dado que Bing ofrece una vista previa, quiere del webmaster contenidos indexables, de calidad, de cada página.
Da de alta tu sitio en Bing.
Dar de alta tu URL en las Herramientas para Webmaster de Bing. Algunos aseguran que esto aumenta bastante las visitas desde este buscador. Yo no he visto cambios significativos.
Enviar Sitemap a Site List
Como a todos los motores de búsqueda a Bing le encanta que le facilites el trabajo. Sin embargo, no hay necesidad de volver a enviar el sitemap a Bing cuando Live Search previamente ha indexado el sitio web y no ha habido cambios recientes. Se utiliza el mismo Sitemap que para Google.
Incluir robots.txt y validarlo con la Herramienta específica de Bing.
Los enlaces entrantes son fundamentales. Hay que preocuparse por el anchor text que recibirán nuestras páginas. El mismo Bing ha reconocido la importancia del Link Building y nos enseña cómo conseguir enlaces.
Se necesitan más de 200 palabras por página para mejorar el posicionamiento. A mayor contenido por página, mejores resultados.
Bing le da mucha relevancia a los mensajes publicados en Twitter. Por lo cual, el factor social es muy importante para el posicionamiento en Bing. La Social Media tiene peso a la hora de mejorar nuestros resultados.

Como ves la similitud es enorme entre el SEO para Bing y SEO para Google. Lo único que creo que en Bing no se menciona la importancia de vínculo de retroceso.

En última instancia, el SEO es siempre SEO. Bing no cambia eso.

Leer más: http://www.corbax.com/blog/seo-bing-posicionamiento/#ixzz0y6gHZHyq

Como Instalar el botón oficial de Twitter en Blogger

2010-08-18T13:38:00.000-07:00

La nota completa esta en el Blog: Vida MRR

Lo mas importante para instalarlo en tu blog e Blogger es

Lo podemos pegar expandiendo primero nuestra plantilla de artilugios. Después de eso vamos a bucar el siguiente texto <div class='post-body entry-content'> y justo debajo de ese texto vamos a añadir el otro que sigue:

<b:if cond='data:blog.pageType == "item"'>
<div style='display: inline; float: right; margin-left: 5px;'>
AQUI EL CODIGO QUE COPIAMOS EN TWITTER PARA EL BOTON
</div>
</b:if>

Esto hará que el botón se coloque en el texto del post, pero aún hay que hacer otra cosa, tenemos que agregar un expr: antes de data-text y dara-url, como en la imagen.

Colocar un botón para Tweetmeme

2010-06-14T10:19:00.001-07:00

Consultar para mas informacion El Escaparate de Rosa

Tweetmeme es una especie de agregador de noticias de Twitter.

Este servicio rastrea y optiene la información de los tweets que comparten los usuarios de Twitter entre si (RT), en su web podemos ver una portada principal donde aparecen los tweets más destacados.

En Blogger podemos añadir un botón que permita a nuestros usuarios enviar la información a Tweetmeme de las entradas de nuestro blog, cuantos más usuarios envien la entrada, más posibilidad tendrá esta de posicionarse en Tweetmeme.

Vamos a ver como colocar el botón al lado derecho del título de nuestras entradas.

[1] Desde "Edición HTML" en nuestro panel y marcando la opción de "Expandir las plantillas de artilugios" localizamos el código que está en negrita y añadimos el que he resaltado en color rojo:

<b:if cond='data:post.title'>

<div id="tweetmeme" style="float: right;"> <script type="text/javascript"> tweetmeme_url = '<data:post.url/>'; </script> <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script> </div>

<h3 class='post-title entry-title'>

[2] Usamos vista previa y tendremos que ver nuestro botón a la derecha del título de la entrada:

[3] Guardamos cambios.

Si en lugar de ese botón, queremos usar el otro modelo disponible de botón (más pequeño), el código (que colocaríamos en el mismo lugar) sería este:

<div id="tweetmeme" style="float: right;">

<script type="text/javascript">

tweetmeme_url = '<data:post.url/>';tweetmeme_style = 'compact';

</script>

<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

</div>

Podemos colocarlo también al final de las entradas, justo antes del comienzo de los comentarios, de esta manera solo será visible cuando entramos a una entrada concreta.

Para hacer esto tendríamos que incluir el código así:

<b:includable id='comments' var='post'>

<script type="text/javascript"> tweetmeme_url = '<data:post.url/>'; </script> <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

<div class='comments' id='comments'>

Coloca el botón Me gusta en Blogger (el contador)

2010-06-13T21:38:00.001-07:00

Con los recientes cambios que ha hecho Facebook sobre la invasión del llamado Me gusta ha salido la posibilidad de incluir este botoncito en nuestro sitio web o blog para que la gente vote si le gusta el post o quieres que compartan un enlace determinado. En el siguiente tutorial les voy a enseñar a insertar este código para poder tener un toque más social en su blog.

El botón es más bien un iframe al que se le pasan por parámetros las características del elemento. El código es más o menos como sigue:

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblogandweb.com%2F&amp;layout=button_count&amp;show_faces=true&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:100px; height:px"></iframe>

Los parámetros son:

href – Con la URL a compartir.

layout – Estilo del botón. Valores: standard o button_count

show_faces – Muestra o no el avatar de quienes del gusta la anotación. Valores: true o false.

width – Ancho del iframe.

action – Texto del botón. Valores like o recommend.

font – Fuente a utilizar.

colorscheme – Esquema de colores. Valores: light, dark o evil.

Estos valores se pueden cambiar directo en el código o usar el formulario de personalización de Facebook, el resultado es el mismo.

Agregar botón "me gusta" a Blogger

1. Ir al código de la plantilla y expandir artilugios.

Home → Diseño → Edición de HTML → Expandir plantillas de artilugios

2. Elegir el lugar a agregar el código. El lugar tradicional para hacerlo en el post-footer, es decir, al pie de cada entrada, entonces, se busca el código:

<div class='post-footer-line post-footer-line-1'>

Y abajo se agrega el siguiente código:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<iframe expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;layout=button_count&amp;show_faces=true&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light"' scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:100px; height:px"></iframe>

</b:if>

Mas info en Vida MMR

Como añadir el botón “I like” de facebook en tu página web

2010-06-13T20:58:00.000-07:00

Uno de los últimos cambios de Facebook es permitir a los creadores web insertar un botón de “i like” en su página web.

Vamos a ver cómo hacerlo y qué implica.

Insertar el botón es muy sencillo. Vamos a explciarlo paso a paso:

Primero hay que ir a esta URL de facebook y rellenar el campo “URL to Like” (es decir, la URL de tu sitio web).

Este simple formulario genera un código HTML

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.top-rankin.com&layout=standard&show_faces=true&width=450&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:px"></iframe>

que insertaremos en nuestra página web. Por ejemplo, en este blog de WordPress está insertado como widget tipo “texto” en la barra lateral. Si os fijais el height del iframe está en blanco. Es recomendable darle un valor, en mi caso, de 24px.

¿Qué genera esto?

Una vez insertado, veremos el botón de “I Like” en la web.

Via: Añadir el botón “I like” de facebook en tu página web

Como colocar el Google Analytics en una web de DotNetNuke

2010-05-10T19:12:00.000-07:00

La forma tradicional es esta:

Y la forma simplificada para el DotNetNuke 5 website

Como Agregar el Like de Facebook en tu post de Blogger

2010-05-02T21:32:00.000-07:00

Para revisar mejor visita el link http://www.allblogtools.com/tricks-and-hacks/add-facebook-like-button-for-blogger-blogspot-and-customize-it/

few days ago, face book surprised us by launching a lot of social plugins, one of them, actually the most popular one yet is the famous like button,

In this tutorial you’ll learn how to add it to your blogger blog.

and you’ll learn how to customize

change the verb, like or recommend.

change it’s color.

change it’s font.

Step 1. adding it to your template.

The button code,

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:100px;'/>
</b:if>

where to add it ?

Log into your blogger account, then go to Layout >> Edit Html.

Before doing any thing you must check Expand Widget Templates box.

And find the next Code

<div class='post-header-line-1'/>

And after it, paste your button code

What, If you didn’t find the code above in your template, The try to find the following,

<data:post.body/>

And paste the button code Before it.

click Save Template and you are done.

Step 2. Customize your button & Demo.

in the above code you can customize 3 parts. and i’ve colored them to make it easy for you to recognize,

in the above code change the following parts,

like this part controls the verb that appear on your button, keep it as you see or change it to recommend if you want.

arial this part controls the font type, keep it or change it to one of the following,

lucida+grande

segoe+ui

tahoma

trebuchet+ms

verdana
light this part controls your button color theme, and you have three options, light, evil, or dark

Update, How to make it appear on your home page.

in the button code there are two parts you’ll need to remove to make this button appear on your home page, the first line and the last line, if you still don’t under stand, please see the following parts and delete it before pasting the code to your template,

<b:if cond='data:blog.pageType == &quot;item&quot;'>

</b:if>

I wish you all like it and please leave your comments if you need any help, to see demo for it please click here.

Como Agregar el Like Box a tu Blog de Blogger

2010-04-30T18:08:00.000-07:00

SE habran dado cuenta que el metodo de ingresar el Like Box de tu pagina en Facebook a variado un poco, y que el codigo que te da no resulta tan efectivo, asi que te recomendamos hacer el siguiente cambio en el codigo

El Problema es en "profile_id=YOUR_FACEBOOK_PAGE_ID"

Reemplazalo con "profile=1&id=YOUR_FACEBOOK_PAGE_ID"

Blogger estrena un Diseñador de Plantillas Propio

2010-03-11T19:31:00.000-08:00

Ya era hora lo que muchos de nosotros estabamos esperando, ahora podremos diseñar o tener blogs mas profesionales diseñandolos nosotros mismos.

Para hacer la prueba de esta nueva funcion puedes hacerlo entrando por Blogger in Draft.

Como poner el Boton de Dacebook en tu blog de Blogger

2010-02-27T18:32:00.001-08:00

Es facilisimo solo busca y configura tu codigo en:

http://www.facebook.com/facebook-widgets/share.php

LOS DNS DE GOOGLE

2010-02-03T20:37:00.000-08:00

ARTICULO DE

Google te ayuda a navegar con sus DNS

Google estrena servidores DNS públicos. Te estarás preguntando cómo puede ayudar eso a que navegues más rápido. Cada vez que escribes una dirección en la barra del navegador -por ejemplo, Google.com- y pulsas Intro, el navegador contacta con los servidores DNS para traducir la URL a una dirección IP (en el caso de Google, 74.125.67.100).

Pues bien, sin servidores DNS rápidos y fiables, traducir las direcciones a números IP es un proceso más lento, y, por ende, navegar también lo es. En el pasado recomendamos el servicio OpenDNS, pero la entrada de Google supone una revolución: con sus conexiones, las mejores del planeta, difícilmente podría haber servicio mejor. Al menos sobre el papel. Veamos cómo configurar Windows para usar las DNS del Gran Buscador.

¿Quieres cambiarte a Google DNS? Las direcciones de los servidores DNS públicos de Google son las siguientes:

· 8.8.8.8
· 8.8.4.4

Sin duda muy fáciles de recordar. Ahora bien, ¿cómo puedes usarlas en tu equipo? Depende del sistema operativo. En la página oficial hay instrucciones para todos ellos, pero aquí te explicaremos cómo configurar las DNS de Google en Windows XP, Vista y 7.

En Windows XP

En XP, ve a Inicio > Panel de control y abre Conexiones de red: verás todas tus conexiones. Un clic derecho sobre la que uses para conectarte a Internet, uno izquierdo sobre Propiedades y se abrirá una ventana con las Propiedades de red de la conexión.

Haz doble clic sobre Protocolo Internet (TCP/IP), elige el último botón radial (Usar las siguientes direcciones de servidor DNS) e introduce 8.8.8.8 en el primer campo y 8.8.4.4 en el segundo. Pulsa Aceptar, otra vez Aceptar y… ¡ya está!

En Vista / 7

Otro metodo mas Poner barra de menú en blogger

2010-01-26T19:42:00.000-08:00

Gracias a

COSMICA: Poner barra de menú en blogger

Este tutorialito, es para hacer una barra de menú en blogger como la mía, ya van varias veces que me preguntan cómo hacerlo, y pues aquí les va mi guía. Antes de empezar guarda un backup de tu plantilla por si algo sale mal la puedas recuperar sin problemas.

El objetivo es lograr algo como esto para tu blog:

Para empezar, tienes que tener la opción de añadir más elementos de página en la sección del header, así:

Blogger no nos lo permite por default, pero eso se resuelve fácil, vas a editar HTML de tu plantilla y buscas lo siguiente:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

Donde cambiarás maxwidgets a 2 y showaddelement a yes. Quedando así:

<b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>

Eso va a permitirnos añadir otro elemento arriba o bajo el header.

Lo que sigue es pegar un código en la plantilla para el menú. Esto lo vas a pegar antes de <head>

<style type='text/css'>
.barrademenu {
margin: 0;
padding: 0;
float: left; width: 100%;
font-family: Tahoma;
font-size:13px;
font-weight: bold;
margin-top: 0px;
border-bottom: 2px solid black;
border-top: 2px solid black;
background: #990000;
}
.barrademenu li {display: inline;}
.barrademenu li a, .solidblockmenu li a:visited {
float: left;
padding: 4px 15px;
text-decoration: none;
color: white;
border-right: 2px solid black;
outline: none;
}
.barrademenu li a:hover {
color: #ffffff;
background: #000000;
outline: none;
}
</style>

En ese código se incluye el estilo que va a tener el menú, puedes alterarle los colores si quieres que son los numeros de 6 dígitos (#000000, ver links al final del post), o usando nombres comunes de colores en inglés (white, blue, pink). Con el código así como está obtienes un menú igual al mio. Trata de jugar con los colores para crear uno que vaya con tu diseño.

Ya que pegaste el código, guardas los cambios y vas a agregar elementos de página, agregas un nuevo gadget tipo HTML/Javascript y en el vas a pegar lo siguiente:

<ul class="barrademenu">
 <li><a title="Kozmica.com" href="http://www.kozmica.com">Inicio</a></li>
 <li><a title="Informacion" href="http://www.kozmica.com">Acerca
de</a></li>

 <li><a title="Contáctame" href="http://www.kozmica.com">Contacto</a></li>
</ul>

Claro que cambias la dirección a la de tu blog. Con eso te saldrán 3 “pestañas” o espacios en el menú, para agregar una más sólo es necesario agregar otro de estos:

 <li><a title="Contáctame" href="http://www.kozmica.com">Otro menu</a></li>

¡Genial!

Si has hecho todo correctamente hasta ahora tendrás una barra de menú que se ve muy bien, sólo hay un último detalle, todos los enlaces dirigen a el inicio del blog, ¿cómo agregar las secciones?

En blogger no se puede hacer una página estática, pero podemos simular una con una entrada vieja en nuestro blog. ¿Cómo?, puedes editar entradas viejas transformándolas en el Acerca de, Contacto y demás o puedes crear una nueva entrada para cada sección y cambiarle la fecha hacia atrás para que no aparezca en la portada cuando la publiques.

La fecha la cambias clickeando en Opciones de entrada e introduces la fecha y hora que desees.

Es buena idea guardar los posts de las secciones antes de tus primeras entradas (puedes revisar la fecha que esas tienen) así cuando alguien esté navegando por tu blog no se topará con los post del menú entre el contenido. También puedes elegir entre permitir o no comentarios.

Ya que hayas creado tus entradas puedes empezar a añadir el acceso a ellas desde el recién agregado menú. Lo que tienes que hacer es colocar la dirección de cada post que hiciste de secciones en el código del menú. Por ejemplo, mi sección de Sobre mí así se ve el código en mi menú:

 <li><a title="Conóceme" href="http://www.kozmica.com/2008/04/sobre-m.html">Sobre mí</a></li>

Creas tantas entradas y espacios de menú como necesites.

NOTAS:

Para buscar y encontrar algo fácilmente en la plantilla usa Control+F.

Cualquier duda, cosita en la que no me haya explicado bien o no funcione me comentas aquí mismo.

Te puede servir:

Web Color Chart / Para cambiar los colores del menú, no olvides el # antes de el código del color.

HTML color codes / Otra web con códigos de color

Lista de Proxys

2010-01-07T05:45:00.001-08:00

Si por ahi cambiaste tu dominio o estas estrenando uno nuevo y estas desesperado por saber si funciona bien pues usa esta direccion y la lsita de Proxys

http://www.tech-faq.com/proxy.shtml

Monitoreo WEB

2010-01-06T16:12:00.000-08:00

El post original esta en Spam Loco:

Herramientas de monitoreo web

La primera de ellas es HostTracker, un servicio completo y gratuito que permite verificar instantáneamente por medio de varios servidores si nuestro sitio se encuentra activo para diferentes localidades y zonas. Además, también monitorea la web automáticamente y envía alertas por e-mail.

La segunda herramienta la ofrece OpenDNS y con ella se puede monitorear la propagación de las DNS por Estados Unidos y Europa. La web también ofrece otros servicios, además de la administración de nuestros DNS, bloquea automáticamente los sitios fraudulentos e incluye un chequeador de sitios para adultos.

Very Interesant: Imagina que tu plantilla es la casa que vas a construir

2009-12-18T19:44:00.000-08:00

del Blog:

Imagina que tu plantilla es la casa que vas a construir

Hagamos un ejercicio de imaginación, construyámonos nuestra casa, con jardín, salón amplio, cocina, habitaciones, etc. El primer paso que haremos será dibujarla en un plano.

Resumiendo tenemos una

Casa formada por:
jardín
salón
habitación 1
habitación 2
cocina

Hemos hecho las divisiones de nuestra casa, sigamos ahora con el ejercicio de imaginación, vamos a modificar los nombres

Nuestra casa se llamara body
jardin ► header-wrapper
salon ► main-wrapper
habitación 1 ► sidebar-wrapper 1
habitación 2 ► sidebar-wrapper 2
cocina ► footer-wrapper

Representemos eso en términos que los navegadores puedan entender. Como son divisiones como tal las definiremos, con una particularidad, toda división que se abre debe cerrarse para que pueda actuar como tal.

Así que tendremos

una casa ► <body>
y dentro de la casa las divisiones con sus ID o nombres que son exclusivos
jardin ► <div id='header-wrapper'></div>
salon ► <div id='main-wrapper'></div>
habitación 1 ► <div id='sidebar-wrapper 1'></div>
habitación 2 ► <div id='sidebar-wrapper 2'></div>
cocina ► <div id='footer-wrapper'></div>
se acaba la casa ► </body>

Ahora sin explicación

¿No se parece esto a algo conocido que os da mucho respeto?

Pero solo tengo la casa con divisiones y quiero que mi jardín tenga piscina, que mi salón tenga chimenea, que las habitaciones tengan armarios y en mi cocina quiero un hermoso frigorífico.

casa formada por:
jardín con piscina
salón con chimenea
habitación 1 con armario
habitación 2 con armario
cocina con frigorífico

Volvamos a la imaginación y cambiamos los nombres, estos ahora ya no serán exclusivos así que no serán ID sino clases

casa ► body
jardín con piscina ► header-wrapper con header
salón con chimenea ► main-wrapper con main
habitación 1 con armario ► sidebar-wrapper 1 con sidebar
habitación 2 con armario ► sidebar-wrapper 2 con sidebar
cocina con frigorífico ► footer-wrapper 1 con footer

Como estos nuevos aportes van dentro de las divisiones les llamaremos secciones, así que obtenemos

Pues esto se va pareciendo cada vez más a mi plantilla.

Pero tendremos que rellenar algunas cosas de esas secciones, digo yo ¿no?, la piscina habrá que meterle agua, a la chimenea, leña, a los armarios unas baldas por lo menos y al frigorífico me niego que no le metamos unas cervecitas.

Como a estas alturas ya sabéis cual es el ejercicio de imaginación pasemos directamente a ver como quedaría

Ahora si que se parece casi del todo, como sabréis podemos "rellenar" cada cosa con los elementos que queramos.

Hasta aquí tenemos una casa con sus divisiones, algunas secciones y cosas dentro de esas secciones, ¿pero como quiero que todo esto quede?, ¿con que color?, ¿que tamaño?...eso lo veremos en otra entrada.

Los blogs atraen publicidad y empiezan a ser un buen negocio

2009-09-19T06:51:00.000-07:00

La Nacion

Lisa Sugar empezó su blog sobre chismes de famosos hace cuatro años, en su tiempo libre. Ahora, ella y su esposo Brian tienen un pequeño imperio mediático llamado, lógicamente, Sugar Inc., con 12 blogs, 11 millones de lectores mensuales y anunciantes como Chanel y Sony.

El sueño de abandonar el trabajo cotidiano y vivir del ingreso de un blog ha demostrado ser inalcanzable para la mayoría de los bloggers . Pero unos pocos emprendedores, como los Sugar, han encontrado el éxito en las redes de blogs.

Mientras no exigen nada semejante a las tarifas publicitarias de las revistas de lujo, estas redes están atrayendo dólares por publicidad, mientras las revistas los pierden.

Las ganancias de Sugar han aumentado en un 20% durante la primera mitad del año, y la empresa está en vías de duplicar sus ingresos y dar ganancia este año, dijo Sugar, director ejecutivo del emprendimiento. Gawker Media, una de las primeras y más grandes redes de blogs, informó que sus ingresos por publicidad crecieron un 45% en la primera mitad de este año.

Las redes de blogs que han sobrevivido a la caída de la publicidad y a la explosión de contenidos rivales en la web lo atribuyen a su cobertura de temas específicos, y a un modelo comercial que va más allá de la publicidad. "Es verdaderamente difícil crear contenidos convincentes que atraigan un público", dijo Sugar.

Los bloggers aficionados concibieron por primera vez la idea de que podían ser redituables en 2002, cuando Nick Denton, ex periodista del Financial Times , inició lo que más tarde se convertiría en Gawker Media. Esta red creció rápidamente hasta convertirse en una usina, que tiene ahora ocho blogs, 20 millones de lectores mensuales y más de 150 empleados. Cuando Jason Calacanis vendió su red de blogs, Weblogs Inc., a AOL por una cifra, según se dice, de 25 millones de dólares en 2005, la idea de que los blogs eran un negocio se estableció definitivamente.

Hoy, las redes de blogs oscilan entre las grandes, como Gawker y Sugar, hasta otras más pequeñas y específicas, como The Bussiness Insider, Venture Beat y GigaOm Network, que se dedican a cubrir temas de negocios y de tecnología.

Los blogs de Sugar -con nombres como PopSugar (chismes sobre famosos), BellaSugar (sobre belleza) y LilSugar (para madres)- están editados y diseñados apuntando a un público de mujeres de 28 años promedio. Curbed publica blogs inmobiliarios, gastronómicos, de compras y turismo en Nueva York, Los Angeles y San Francisco.

Esa cobertura exhaustiva apunta a que los lectores entren al sitio muchas veces por día, algo que a su vez atrae a los anunciantes.

Las redes de blogs también han tenido que cambiar los contenidos que publican. Aunque muchos empezaron publicando comentarios sobre otros sitios web, ahora hay tanto material online que deben ofrecer contenidos originales para ser tomados en cuenta. Muchos han empezado a competir con los periódicos locales en las primicias informativas.

Cuando los blogs de Gawker consiguen contenidos exclusivos, como videos, su tráfico puede llegar a multiplicarse por cien. "Las primicias reditúan", dijo Denton.

Traducción de Mirta Rosenberg
A paso lento, pero decidido, en la Argentina

* "Los anunciantes al principio reaccionan con temor porque se trata de un terreno difícil", dijo a LA NACION Leandro Zanoni, periodista, autor del libro El imperio digital y creador de la primera agencia publicitaria argentina de nuevos medios, Tercer Click, que desde hace dos años pauta en 50 blogs la publicidad para importantes empresas. "Los blogs son una oportunidad fenomenal que tiene el anunciante para llegar directamente a la persona a la que quiere dirigir su mensaje", dijo Zanoni, y agregó que en la Argentina este negocio está creciendo junto a los bloggers, de los que dice que son cada vez más profesionales.

Truco: Añadir tres columnas en la sección debajo de la cabecera

2009-07-17T17:23:00.000-07:00

TRuco de propiedad del Escaparate de Rosa

Después de haber publicado la manera de añadir tres columnas en la sección del footer, algunas personas me han estado consultando para conseguir la posibilidad de añadir mas gadget en distintas partes de sus plantillas, una de las zonas más demandadas para aprovecharla al máximo es, sin duda, el crosscol.

Antes de empezar tengo que aclarar que estás modificaciones están basadas en el código de las plantillas originales de Blogger que ya tienen incluido el crosscol en su código por defecto.

Para hacer esto mismo en una plantilla que no incluya en su diseño el código del crosscol tendríamos que saltarnos el paso [1] y [2].

Colocar el código del paso [3] justo antes de <div id='main-wrapper'> y aplicar el paso [4] tal como está.

[1] Tendremos que retirar cualquier elemento que tengamos colocado en el crosscol del blog, moviendolo a la sidebar de forma temporal y, una vez añadidas las tres columnas en el crosscol, volver a colocarlo en esa sección si así lo queremos.

[2] Nos situamos en "Edición HTML" de nuestro panel y sin expandir las plantillas de artilugios, localizamos la sección del crosscol:

<div id='crosscol-wrapper' style='text-align:center'>

<b:section class='crosscol' id='crosscol' showaddelement='no'/>

</div>

[3] Sustituimos ese código por este otro:

<div id='crosscol-wrapper' style='text-align:center'>

<div style='clear:both;'/>

<div id='crosscol-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>

<b:section class='crosscol' id='crosscol-bottom' preferred='yes'>

<b:widget id='Text3' locked='false' title='' type='Text'/>

</b:section>

</div>

<div id='crosscol-columna-contenedor'>

<div id='crosscol2' style='width: 30%; float: left; margin:0; text-align: center;'>

<b:section class='crosscol-column' id='crol1' preferred='yes' style='float:left;'/>

</div>

<div id='crosscol3' style='width: 40%; float: left; margin:0; text-align: center;'>

<b:section class='crosscol-column' id='crol2' preferred='yes' style='float:left;'/>

</div>

<div id='crosscol4' style='width: 30%; float: right; margin:0; text-align: center;'>

<b:section class='crosscol-column' id='crol3' preferred='yes' style='float:right;'/>

</div>

<div style='clear:both;'/>

</div>

</div>

Una vez guardados los cambios ya podremos volver a incluir en el crosscol los elementos que queremos mostrar en esa sección.

[4] Ahora ya solo nos queda añadirle unas líneas de CSS a la plantilla para conseguir controlar la separación de las columnas y añadirles además un color de fondo (blanco en el ejemplo) y un borde.

Pegamos estas líneas antes de ]]></b:skin>:

#crol1{

background:#fff;

margin: 5px;

padding: 5px;

border: 1px solid #60A9D1;

}

#crol2{

background:#fff;

margin: 5px;

padding: 5px;

border: 1px solid #60A9D1;

}

#crol3{

background:#fff;

margin: 5px;

padding: 5px;

border: 1px solid #60A9D1;

}

#crosscol-columna-contenedor {

clear:both;

}

.crosscol-columna {

padding: 10px;

}

[5] Y tendríamos que conseguir entonces algo así:

Modificaciones

Para retirar el borde a los elementos, colocamos en border: 1px solid #60A9D1; el valor 1 en 0, o directamente borramos esa línea del código CSS.

Para cambiar el color de fondo, lo hacemos sustituyendo #fff por el código del color que vamos a usar.

El ancho de cada gadget está aplicado en porcentajes, podemos modificar la anchura de cada uno cambiando en width: el valor del porcentaje, cuidando que la suma del valor de los tres gadget juntos no sobrepase el 100%

50 Herramientas útiles blogs para profesores

2009-07-07T21:26:00.000-07:00

Via:

50 Useful Blogging Tools for Teachers

Blogging is becoming more and more popular in the classroom. Teachers can blog to stay in touch with parents and students or they can incorporate blogs from all of the students as a learning tool. The beauty of the student blog is that children from Kindergarten to high school can blog. No matter how you use blogs in your classroom, these tools will help you get started, enhance your experience, or bring the students into the fun.

Where to Create Your Blog

Creating a blog is the first step. The following resources all offer blog publishing. Some of these are aimed specifically at school blogs while others are available for anyone.

Class Blogmeister. Created as a blogging platform specifically for educators, this free service will get you and your students blogging in no time. An added bonus to this service is that it is rarely blocked by school filters due to it’s specific safety features.
Edublogs. Another blogging platform made just for educators, this service is based on WordPress, so comes with all the features of WordPress. Another benefit of Edublogs is the short and simple URLs for the blogs that make it easy to share with parents.
WordPress. Get a free blog with WordPress and you will also have access to plenty of tools such as spellcheck, integrated stats tracker, and spam protection. This is one of the more popular blogging platforms.
Blogger. Another popular blogging publisher, Blogger is teamed up with Google and offers lots of tools to make your blogging experience easier. You will need a Google account to create a blog with these folks.
TypePad. TypePad lets you select from thousands of designs and has lots of widgets, custom banners, and more. However, this service is not free. You can take advantage of a free trial before you decide to pay the low monthly fee or annual subscription, though.
LiveJournal. In addition to providing a blog, LiveJournal also makes it easy to create a social network through the blogs. This might work great for your class if all the students will have their own blog as well.
Moveable Type. Another free blog publisher, Moveable Type offers many of the same features as the others with a spam blocker, templates, and more.
Tumblr. Not really a full-fledged blogging platform, Tumblr is designed for smaller posts and a much more personalized experience. If you aren’t ready to go the way of the blog, this might be a good way to get your feet wet.
Windows Live Writer. Get a Space in Windows Live and download Live Writer to start blogging with this publisher. You can connect with others, post video, and more with Live Writer.
Thingamablog. All you need to get started with this blog platform is FTP, SFTP, or access to a server. The setup wizard will guide you through the steps of getting your blog in place.

Blogging Tools and Help for Teachers

The following tools and articles are all focused on helping teachers blog or provide free access for teachers to blogging tools that would normally cost money.

Smilebox. Create scrapbooks, slide shows, postcards, and more to post on your blog with this tool. While it’s not specifically designed for educators, teachers can receive the premium subscription for free.
Using Del.icio.us for Blogging. This article describes how you can incorporate the popular bookmarking site, Del.icio.us, into your blogging program.
avatars. Let your students design their own personal avatars with one of these free tools. Using an avatar lets the students personalize while also keeping their identity private.
VoiceThread. Create an online presentation with audio and text. You can incorporate PowerPoint, Flickr, Word, PDF, and more. Teachers get a free account.
Teacher Training Videos. While this site is not specifically for blogging, it is directed at teaching educators how to use technology in the classroom. There are some blogging videos that will help get you started.
A Vision for Classroom Blogging. Read about reasons to blog in your classroom as well as how to go about doing it in this article written by an experienced teacher and blogger. She also includes links at the end of the article for even more information.
Classroom 2.0. Read blog discussions between teachers with blogging experience ranging from newbie to veteran blogger. You can find helpful advice as well as resources in these blog posts.

General Blog Tools

From adding fun photos to maps showing where your blog readers live, these tools will help you and your students create fun and educational blogs.

Spellery. Type in the URL to your blog and find out if you have any spelling mistakes. This simple tool is invaluable for ensuring your posts are in top shape.
Jiglu. This tool creates tags within your blog that allows readers to find more information from your previous blog posts. You can manually assign tags or let Jiglu assign the tags automatically.
Wufoo. If you would like to create an online form for your blog, use this tool to do it for you. It’s easy to use and you’ll be creating polls, invitations, and more right on your blog.
AddThis. With this simple tool, you can add a button on your blog that allows readers to easily bookmark and share your website. Having this button will allow parents and other teachers easier access to your site.
Buttonator. If you need to create buttons for your blog, this easy tool will help you with the task. Choose the style, font, color, and more.
Bananr. Want to put those photos from the class field trip or talent show on your blog? This tool allows you to enter your Flickr user id or photoset id and easily add the photos to your blog.
Gickr. Add photos to your blog and put them in motion with this tool. Create fun slide shows and more without using difficult software.
Website Ribbon Generator. Create a ribbon for your favorite cause or use an originally designed ribbon to tie all your students’ blogs together with this simple tool.
FeedBlitz. Add this tool to your blog so readers can have your blog posts sent directly to their email. FeedBlitz also offers widgets to add to your blog such as a blogroll.
ClustrMaps. When visitors click on your blog, this tool logs their location on a map. Watch as over the life of your blog, the map fills with information on your visitors’ locations. This tool can also serve as a geography lesson.
MakeBeliefsComix.com. Choose your characters and add word or thought bubbles complete with your own text to create your very own comic strip. This is a fun activity for students to incorporate in their blogs, too.
TagCrowd. Create a cloud of words from your blog with this tool. Once you have created the cloud, the tool will provide the HTML code so you can put it on your blog.
widgetbox. Add any imaginable widget to your blog with this tool. Let your students run wild to allow their individuality to shine with these widgets that range from clocks to animals to word searches.
LabPixies. Add any number of fun widgets like Google maps, games, calendars, and more on your blog. There are some great learning opportunities among these.
gabcast. Record using your phone and post audio on your blog with gabcast. This tool can also be used to host conference calls, which would be helpful with parent-teacher conferences.
BlogRolling. With this tool, you can add a blogroll to your blog to show readers what other blogs you find interesting. The is great for localizing a whole class worth of blogs in one spot.

Blogging and Internet Safety

As a teacher, you are already well aware that keeping your students safe is a priority. Introducing blogs in the classroom is undeniably a powerful learning tool, but it also brings about an opportunity for the teacher to reexamine student safety. The following resources will help you protect your students from harm.

Google Analytics. Keep a close eye on your blog traffic and find out who is visiting your website. This tool breaks down the visitor information in several ways, including plotting a map of where the visitors are located.
Keeping students cybersafe!. This blog post, written by an educator, offers suggestions on how you can protect your students while enjoying student blogs.
Children’s Online Privacy Protection Act of 1998. This law explains how a child’s privacy is protected online. Working with children and blogs, this is a must-read item.
Copyright and Fair Use. This simple primer gives the basics on copyright and fair use laws as it pertains to the Internet. Any teacher posting on the Internet should take the time to read this.
A Teacher’s Guide to Fair Use and Copyright. Another helpful guide to fair use and copyright, this one is specifically designed for teachers. It also includes a chart for fair use to post in your classroom.
Responsible blogging. Taken from a 10th grade class, these guidelines for safe and responsible blogging are not just teacher-generated, but also come from the students themselves.
Blogger’s Contract. This contract between the teacher and student is a great way to remind the student of the safety and responsibility required when blogging. Use this contract as a model for one you can create for your class.
Consent for Your Child to Participate in Online Collaborations. This teacher has drawn up a consent form for parents explaining how technology will be used in the classroom and asking for parental consent. Click on the link at the beginning of this letter for the actual consent form.
Blogging Rules. This list of rules was compiled by a teacher for his classroom. You may find this helpful for setting the rules in your class before you begin blogging.
Discovery Blogging Rules. Another set of rules for classroom blogging, this one is a bit more extensive and also includes clearly defined consequences to breaking the rules. This list can serve as a model for the rules in your classroom.

Getting Students in on the Action

Don’t keep all the fun to yourself–let your students blog too. These resources offer suggestions and tools for getting students into blogging.

21Classes. Set up classroom homepages and host and manage blogs for your students with this free service. Students can customize their pages and insert photos and videos.
Reflections on Student Blogging. This article written by a teacher working with middle and high school students describes how she implemented a student blogging project. She also offers more generalized helpful tips on blogging with students.
Blogging Basics: Creating Student Journals on the Web. This tutorial covers all the basics for getting your students set up to blog in the classroom. There are even some links to school blogs.
Students 2.0. This blog is run by students and allows them a chance to raise their voice on the topic of education. Not only does this blog serve as an example of what student blogs can be, it is also a great tool to share with your older students.
Student Tools–Let them fly!. Compiled by an educator, this list offers the top tech tools for students. Many of these tools can be used in student blogs or help students set up blogs.
iLearn Technology: Dipity. This educational blog reviews Dipity, a time line generator that students can use to create time lines on any topic. Students can use Dipity in conjunction with their blogs to create personal timelines.
Making it Interesting: What would you add to this classroom. This is a fun little visual to suggest various technology tools to get students excited about learning. Think about what you would add for your students.

Cómo añadir Adsense en los posts del nuevo Blogger (antes beta)

2009-06-30T18:29:00.000-07:00

Sacado de Blogmundi

El título en bastante largo y puede asustar, pero el proceso no es tan díficil. Puede que lo hayas intentado o no, pero cuando quieres añadir código Adsense directamente en la plantilla del blog en Blogger para, por ejemplo, añadir bloques de anuncios en los posts, el sistema nos avisa de que existe un error y es por lo estricto de la estandarización XML del nuevo Blogger.

Bien, la solución pasa por hacer un pequeño retoque en el código Adsense, estarás pensando, pero eso está prohibido! En Blogcrowds se han encargado de realizar las gestiones oportunidades para conocer la opinión de Google Adsense al respecto y parece que esta modificación cumple las condiciones del programa, al no alterar de forma alguna el formato, la fuente o tratar de ocultar el “Anuncios Google”.

Pero si lo vemos con un ejemplo seguro que entiendes mejor por qué:

Éste es el código que nos proporcionan:

<script type="text/javascript"></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>

No obstante debemos transformarlo a lo siguiente para que Blogger lo acepte, es decir, cambiar los símbolos “<>” por su entidad HTML “< > ” y con las comillas igual. Puedes hacerlo manualmente, no obstante en Blogcrowds han desarrollado un sistema que lo hace por tí.

Eso es todo, cuando accedas a tu blog, los bloques de anuncios se mostrarán donde tu quieras. No obstante, por si no sabes bien donde colocarlos vamos a ver una serie de ejemplos:

En primer lugar debes acceder a la edición de tu plantilla del blog. “Plantilla -> Edición HTML” y recuerda activar “Expandir plantilla de artilugios”

1) Al lado del post

Si te has fijado en este blog hay un bloque de anuncios pequeño al empezar el post en su lado derecho, sería el equivalente a lo que vamos a hacer ahora, ¿cómo colocas un bloque igual?

<div style="float:left;"> <!–el código creado de Adsense–> </div> <div class=’post-body’> <p><data:post.body/></p> <div style=’clear: both;’/> <!– clear for photos floats –> </div>

2) Después del post antes de los créditos.

Es decir, entre el final del artículo y el “Publicado por…”, “Comentarios”

<div class='post-body'> <p><data:post.body/></p> <div style='clear: both;'/>  </div> <div> <!–el código creado de Adsense–> </div> <div class=’post-footer’> <p class=’post-footer-line post-footer-line-1′> <span class=’post-author’> <b:if cond=’data:top.showAuthor’> <data:top.authorLabel/> <data:post.author/>

3) Después de los créditos

<p class='post-footer-line post-footer-line-3'/> <div> <!–el código creado de Adsense–> </div> </div> </div> </b:includable> </b:widget> </b:section>

Si surge algún error comprueba que has copiado y pegado todo correctamente, por lo demás, es así de sencillo!

El formulario de comentarios (forma sencilla) si tu plantilla es muy antigua

2009-05-28T15:56:00.000-07:00

Habíamos visto anteriormente como implementar el formulario de comentarios en las plantillas que llevaban tiempo online o con bastantes modificaciones.

El problema surge cuando algunos modelos de plantilla no tienen incorporado el código que debemos localizar en la explicación anterior (es el caso de la Aspire por ejemplo, o de muchas de las plantillas adaptadas de Wordpress).

Hay otro método aún más sencillo y que parece funcionar sin problemas:

[1] Localizamos esta línea de código en la plantilla con los artilugios expandidos:

<b:include data='post' name='comments' />

[2] Justo después pegamos esta otra línea de código:

<b:include data='post' name='comment-form'/>

[3] Guardamos cambios.

Como colocar el Formulario de comentarios Blogger si tu plantilla es antigua

2009-05-27T15:53:00.000-07:00

Ya podemos incluir en nuestro blog un formulario de comentarios "incrustado" en el pie de nuestras entradas al final de los comentarios.

De momento esta opción solamente está disponible en Blogger in Draft que, como ya casi todos sabréis es una especie de "laboratorio de pruebas", donde el equipo de Blogger va añadiendo nuevas funcionalidades que los usuarios podemos probar antes de incluirlas en el Blogger "normal".

Actualización:

La opción ya está incluida en la "Configuración" del panel de Blogger "normal", aunque sigue siendo necesario en algunas plantillas, seguir los pasos de esta entrada para mostrar el formulario.

Disponer de esta opción en nuestros blogs es, de entrada, bastante sencillo:

[1] Accedemos a nuestro panel de Blogger a través de Blogger in Draft.

[2] Una vez allí, pinchamos en la pestaña "Configuración" de nuestro menú y después en "comentarios".

[3] Veremos entonces una nueva opción que dice "Ubicación del formulario de comentarios", ahí marcaremos "Entrada incrustada a continuación":

[4] Si todo ha ido según lo previsto, el formulario debería verse ya debajo de los comentarios de cada entrada:

El formulario será así de sencillo de implementar en los blogs de nueva creación o en los blogs que no hayan personalizado ciertos aspectos de la plantilla.

Si hemos modificado estas partes del código de la plantilla como es mi caso, entonces seguramente aunque habilitemos la opción para mostrar el formulario, este no funcionará.

Como podéis comprobar acabo de implementarlo en El Escaparate y, de momento, parece funcionar correctamente sin necesidad de hacer grandes cambios en el código de la plantilla.

La forma de implementarlo sin necesidad de cambios demasiado complicados, la he encontrado esta tarde guiándome por Blogger Buster, y digo guiándome porque mi plantilla está tan modificada que el código que Amanda nos muestra apenas coincidía con el mio.

Aún así y tomando las debidas precauciones (guardar una copia de la plantilla es imprescindible) no pude resistirme a probarlo.

Os explico como Amanda ha logrado incluir el formulario en su plantilla previamente modificada:

[1] En primer lugar es imprescindible marcar la opción en "Configuración - Comentarios" que ya expliqué al comienzo de esta entrada.

[2]Una vez habilitada la opción y comprobado que el formulario no aparece en nuestro blog, vamos a la parte de "Edición html" de nuestro panel y marcamos la casilla para expandir las plantillas de artilugios.

Tendremos que localizar este código:

<p class='comment-footer'> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </p> </b:if>

[3] Una vez localizado tendremos que cambiarlo por este otro:

<p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p></b:if>

Notas: Tened en cuenta lo que ya os comentaba antes:

el código que Amanda nos indica no estará igual en una plantilla con modificaciones previas pero si aún así decidís probarlo como hice yo, no os será demasiado difícil encontrar el código correcto si os fijáis bien e incluso si recordáis alguno de los cambios que hicisteis antes en esa zona.

Si habéis incluido la forma de mostrar el antiguo formulario de Blogger debajo de las entradas, tendréis que volver a la configuración original antes de implementar el formulario nuevo.

Por si os sirve de referencia os diré que yo había incluido ahí la imagen con un lápiz que sustituía al "Publicar un comentario en la entrada" y que mi código se veía así:

<p class='comment-footer'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><img alt='Enlace para comentar' src='http://2.bp.blogspot.com/_sbaQpFxeL1Q/R_4XR7UekbI/AAAAAAAAAJU/rhqHxL2mMLI/s400/

nombrenndn7.jpg' title='Deja tu comentario'/></a> </p> </b:if>

Una vez incluido el nuevo formulario en el blog podemos hacerle algunas mejoras de diseño.

48 trucos para mejorar tu blog alojado en Blogger

2009-05-26T15:51:00.000-07:00

Aca algunas cosas imprescindibles para mejorar sus blogs en blogger.

Truco: Añadir tres columnas en la sección del footer (pie del blog)

2009-05-25T12:43:00.000-07:00

Nota de El Escaparate de Rosa

Añadir tres columnas en la sección del footer (pie del blog)

[1] Necesitaremos retirar cualquier elemento que tengamos colocado en el footer del blog. Podemos moverlo a la sidebar de forma temporal y, una vez añadidas las tres columnas en el footer, volver a colocarlo en esa sección.

[2] Iremos ahora a la parte del HTML de nuestra plantilla y buscamos, casi al final de su código, estas líneas Sin expandir artilugios:

<div id='footer-wrapper'>

<b:section class='footer' id='footer'/>

</div>

[3] Dependiendo de la plantilla que estemos usando, podría cambiar el código a buscar ("footer" o "footer-wrapper"), en el caso de la Rounders, por ejemplo, hay dos divs en la sección del footer, en cualquier caso, el código que hemos de cambiar es la línea que está resaltada en negrita, sustituyéndola por este código:

<div id='footer-columna-contenedor'>

<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>

<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>

</div>

<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>

<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>

</div>

<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>

<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>

</div>

<div style='clear:both;'/>

<p>

<hr align='center' color='#6633FF' width='90%'/></p>

<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>

<b:section class='footer' id='col-bottom' preferred='yes'>

<b:widget id='Text20' locked='false' title='' type='Text'/>

</b:section>

</div>

<div style='clear:both;'/>

</div>

[4] Añadiremos ahora unas líneas de CSS para controlar la separación de las columnas. Pegamos estas líneas antes de ]]></b:skin>

#footer-columna-contenedor {

clear:both;

}

.footer-columna {

padding: 10px;

}

Vista "editar"

Vista "blog"

[5] Ya podemos guardar los cambios y colocar los elementos que habíamos retirado a la sidebar donde nos parezca mejor.

[6] En el código está incluida una línea de separación entre las tres columnas y el footer antiguo, en el ejemplo podéis ver que se muestra de color azul.

La parte del código que hace que se vea esta línea, es esta:

<hr align='center' color='#5d5d54' width='90%'/>

Podemos cambiar su color en color='#5d5d54'

También podríamos prescindir de ella borrando la línea por completo.

Nota:

Consulta como modificar el diseño de las columnas con CSS

Adicionar espacios extra en la zona de entradas

2009-05-19T15:06:00.000-07:00

Entrada sacada de El Escaparate de Rosa

Vamos a ver paso a paso, como incluir una nueva sección sobre y debajo de las entradas dividida en dos columnas. El resultado será algo como esto:

Como siempre habrá quien quiera añadir los nuevos espacios solo en la parte de arriba o solo en la de abajo, vamos a ver como hacerlo por separado:

[1] Una vez en nuestro panel de Blogger vamos a la pestaña de Diseño y si tenemos algún gadget añadido sobre o debajo de la zona de entradas, lo retiramos para evitar problemas a la hora de modificar el código, más tarde podemos volver a colocarlos en su sitio de nuevo.

[2] Guardamos cambios.

[3] Vamos a la pestaña de Edición HTML y localizamos el código que pertenece a la sección de las entradas:

<div id='main-wrapper'>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>

</b:section>

</div>

[4] Colocamos el código necesario para la nueva sección de dos columnas en la parte de abajo de las entradas.

Lo haremos en el código anterior de esta manera (el código que hay que añadir está destacado en color verde):

<div id='main-wrapper'>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>

</b:section>

<div id='main-footer-contenedor'>
<div id='main2' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='main-footer-column' id='main-col1' preferred='yes' style='float:left;'/>
</div>
<div id='main3' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='main-footer-column' id='main-col2' preferred='yes' style='float:left;'/>
</div>
<div style='clear:both;'/>
</div>
</div>

[5] Guardamos los cambios y comprobamos el resultado en la parte de Diseño del panel.

[6] Si lo que queremos es una nueva sección de dos columnas en la parte superior de las entradas, volvemos a situarnos en el código de la plantilla que pertenece a las entradas ( paso [3] ) y añadimos el código necesario (destacado en colo rojo):

<div id='main-wrapper'>

<div id='main-top-contenedor'>

<div id='main-top1' style='width: 50%; float: left; margin:0; text-align: left;'>

<b:section class='main-top-column' id='main-top1' preferred='yes' style='float:left;'/>

</div>

<div id='main-top2' style='width: 50%; float: left; margin:0; text-align: left;'>

<b:section class='main-top-column' id='main-top2' preferred='yes' style='float:left;'/>

</div>

<div style='clear:both;'/>

</div>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>

</b:section>

</div>

[7] Guardamos los cambios y comprobamos el resultado en la parte de Diseño del panel.

News: Starting Your First Blog? 29 Tips, Tutorials and Resources for New Bloggers

2009-05-06T18:19:00.000-07:00

Link Original: Problogger

Are you starting your first blog? Looking for some tips and advice for new bloggers?

I just received a tweet from @MillerMosaicLLC asking for some links to posts about starting a blog so I thought instead of just replying to her I’d compile the list here as a post for new bloggers. There are literally thousands of posts in the ProBlogger archives for bloggers starting out - but these would be a good place to start.

Posts on Starting a Blog

There is a lot to think about before and during the process of starting your first blog. These tips and tutorials attempt to give you some questions to think about and some advice on how to practically move forward:

Writing Blog Content

At the core of every successful blog is great content - without it starting a new blog is almost pointless. How you define ‘great’ content will vary from person to person but I generally put it down to content that is unique and useful. Here are a few other tutorials and tips on creating this type of content on your first blog.

Blog Promotion/Finding Readers

When starting a your first blog one of the most challenging things is that it is hard to find readers. We all want to be read - here are a few tips on how to make this happen and then how to keep those new readers:

Making Money from Blogs

Not all bloggers choose to try to make money from their blogs (I think this is a good thing). But if you’re one that does want to make money from your new blog then here are a few tips and articles for you to start with:

50 Amazing Blogger Tricks & Hacks / 50 Fantasticos Trucos para Blogger

2009-04-29T13:58:00.000-07:00

Via TechXav

Have you ever wondered how those bloggers remove the Blogger Navbar? Or how they add a Read More link in their posts?

Well in this article, I’ve post an amazing collection of 50 Amazing Blogger Tricks Hacks which are useful to bloggers using the Blogger platform.

1. Expandable Posts or Read More Hack

2. Recent Posts Widget

3. Recent Comment Widget

4. Top Commentators Widget

5. Remove Label Post Count

6. Add Page Element to Header and Blog Posts

7. Sticky Posts in Blogger

8. Add Images or Icons to Sidebar Links

9. Remove NavBar in Blogger

10. Add Scrollbars to Blog Widgets

11. Add Favicon to Blogger URL

12. Simple Search Widget

13. Wrap Adsense Ads in Post Body

14. Special Effects for Peekaboo Posts

15. Page Navigation Hack for Blogger

16. Uploading Animated .gif Image to Blogger

17. Making Pull Down Menu

18. Add “Print this” Option in your Blog

19. Speed up your Blogger Page Load Time

20. Random Background Image

21. Ratings for Posts

22. TabView Widget

23. Adding a Front Page to your Blog

24. Creating Thumbnail Pictures

25. Adding a BreadCrumb Trail to your Blog Post

26. Showing your Blogger Labels as Vertical Tabs

27. Navigation Bar

28. Add Digg Button to Blogger Post

29. Social Bookmarking Widget

30. Add Signature to your Posts

31. Add Background Music

32. Embed Comment Box Below Blogger Post

33. Remove Word Verification from Blogger Comments

34. Show Blog Post Headers In Archive

35. Disable Right Click on Blog

36. Label Cloud in your Blog

37. E-mail Icon Generator

38. Podcast in Blogger

39. Transparent Background

40. Rounded Corner Headers

41. Insert Powerpoint and PDF Files

42. Flash for Blogger

43. Author Comment Highlighting

44. Control Number of Posts in Label Pages

45. Sidebar Comments Display

46. Show Recent Referrers

47. Language Translation Widget

48. Postpone or Delay your Blog Posts Via E-mail

49. Add Clickable Pictures to your Blog

50. “Email Me” Link

51. Make your Blog DoFollow (Thanks to DoFollow Fan for the tip!)

Menus Menu barra superior con buscador incluido

2009-04-20T12:06:00.000-07:00

Extraido del Escaparate de Rosa

Un menú horizontal tipo Navbar para colocar en la parte superior de nuestro blog y que además de los enlaces que añadamos en el, lleva un sencillo buscador incorporado, que funciona muy bien.
Como podéis ver en la imagen de ejemplo, la barra del menú ocupará todo el ancho de la pantalla:

Para colocarlo en nuestro blog solo son necesarios dos simples pasos:

[1] En la parte de "Edición Html" de nuestra plantilla sin expandir las plantillas de artilugios, localizamos la etiqueta ]]> y justo antes pegamos este código CSS:

/*-- CSS Menu Superior-- */
#navtop { background: #dcdcdc ; height: 26px; width: 100%; margin: 0px auto 24px auto; font-family: "Century Gothic", Palatino Linotype, Trebuchet MS, sans-serif; font-variant: small-caps; font-weight: bold; color:#737374; font-size: 14px; border-bottom: 1px solid #afafaf;}
.nav {width: 950px; margin: auto;}

ul.navtop { padding: 0px;}
ul.navtop li { list-style: none; display: inline;}
ul.navtop li a { background: transparent; color:#737374; display: block; float: left; padding: 4px 7px 3px 7px; margin-right: 3px; text-decoration: none; border-right: 1px solid #afafaf; border-left: 1px solid #afafaf;}
ul.navtop li a:visited { text-decoration: none; color: #737374;}
ul.navtop li a:hover { background: #e1477d; color: #ffffff; text-decoration: none; border-right: 1px solid #afafaf; border-left: 1px solid #afafaf; }
ul.navtop li a:active { text-decoration: none; color: #737374; }
ul.navtop li a:focus { color: #41a5c3; outline: 1px dotted #e1477d; }
ul.navtop li.current_page_item a { text-decoration:none; color:#fff; background: #E1477D ; }
ul.navtop li ul { float:left; margin:0; padding:0; }

#searchcont { width: 100%; margin: 12px auto 12px auto; }

#searchform { height:26px; line-height:25px; float:right; margin: 0px; padding: 0px;}
input#s {color: #e1477d; width: 283px; background:#fcfcfc; padding: 2px 4px 2px 4px; border: 1px solid #afafaf;}
input#searchsubmit{ background:#afafaf; color:#fff; font-size:13px; padding: 2px;}

En este código CSS es donde tendréis que cambiar los datos necesarios para modificar el color, tipo de texto, etc. del menú.

[2] Colocaremos ahora el código necesario para que se muestre la "barra menú" en la parte superior del blog y lo haremos justo sobre <div id='header-wrapper'> y si en esa posición el resultado no es el esperado (dependerá del diseño de la plantilla) lo colocaremos después de <body> donde debería de funcionar:

<div id='navtop'>
<div class='nav'>
<ul class='navtop'>
<li><a href='http://elescaparatederosa.blogspot.com'>Inicio</a></li>
<li><a href='http://draft.blogger.com/profile/06743611108067453905' title='Perfil Blogger'>Sobre mi</a></li>
<li><a href='http://feeds.feedburner.com/blogspot/hnBy' title='Suscribe Feed'>Suscribe Feed</a></li>
<li><a href='mailto:lejaniaimposible@hotmail.com' title='Contactame'>Contacto</a></li>

<li><a href='
http://e[2] Colocaremos ahora el código necesario para que se muestre la "barra menú" en la parte superior del blog y lo haremos justo sobre <div id='header-wrapper'> y si en esa posición el resultado no es el esperado (dependerá del diseño de la plantilla) lo colocaremos después de <body> donde debería de funcionar:

<div id='navtop'>
<div class='nav'>
<ul class='navtop'>
<li><a href='http://elescaparatederosa.blogspot.com'>Inicio</a></li>
<li><a href='http://draft.blogger.com/profile/06743611108067453905' title='Perfil Blogger'>Sobre mi</a></li>
<li><a href='http://feeds.feedburner.com/blogspot/hnBy' title='Suscribe Feed'>Suscribe Feed</a></li>
<li><a href='mailto:lejaniaimposible@hotmail.com' title='Contactame'>Contacto</a></li>

<li><a href='http://elescaparatederosa.blogspot.com/search/label/?max-results=999' title='Ver todas las entradas'>Ver todas las entradas</a></li>
</ul>
<form action='/search' id='searchform' method='get' style='display:inline;'><input id='search-box' name='q' type='text'/><input id='search-btn' type='submit' value='Buscar'/></form>
</div>
</div>

Tendréis que cambiar en el código mis datos por los vuestros, lo que no os será muy difícil ya que los he colocado resaltados en negrita.lescaparatederosa.blogspot.com/search/label/?max-results=999' title='Ver todas las entradas'>Ver todas las entradas</a></li>
</ul>
<form action='/search' id='searchform' method='get' style='display:inline;'><input id='search-box' name='q' type='text'/><input id='search-btn' type='submit' value='Buscar'/></form>
</div>
</div>

Tendréis que cambiar en el código mis (lescaparatederosa.blogspot.com) datos por los vuestros, lo que no os será muy difícil ya que los he colocado resaltados en negrita.

PAra personalizarlo:

Cambiar el color de la barra aquí:
/*-- CSS Menu Superior-- */
#navtop { background: #dcdcdc ;

Cambiar el color del hover (al pasar el ratón) aquí:
ul.navtop li a:hover { background:#e1477d;

Cambiar el tipo de fuente:
font-family: "Century Gothic", Palatino Linotype, Trebuchet MS, sans-serif;

2440 Temas de Wordpress para descargar cerca de 250 MB

2009-03-04T13:10:00.000-08:00

Te gusta wordpress?? pues aca tienes los links para descargarte muchas pero muchas plantillas....

Rapid share links

http://rapidshare.com/files/29218052/wpthemes.part1.rar
http://rapidshare.com/files/29226378/wpthemes.part2.rar
http://rapidshare.com/files/29236225/wpthemes.part3.rar
http://rapidshare.com/files/29240301/wpthemes.part4.rar

Alternate url 1

http://www.lordmax.org/descargas/wpthemes.rar

Alternate url 2

http://ihaslinks.com/upload/2400-wordpress-themes.rar

many themes are free to use for commercial or personnel.
every theme has its own TOS. Just check them when using.

GRacias a:

Free 2400 WordPress Themes - over 250mb

Como poner un Traductor en Blogger

2009-02-20T18:08:00.001-08:00

Una vez mas el Escaparate de Rosa tiene respuesta a una pregunta que muchos hacen.

Solo copien este Codigo y ponganlo en un Widget de Html en su blog y veran los resultados.

En donde esta: http://algodeblogs.blogspot.com/ cambien por la direccion de su Blog

<center><img src="http://1.bp.blogspot.com/_8PJ-pgoBhWQ/SQRy1OOWfHI/AAAAAAAAEi8/3lFRIrhKEn0/s320-R/84056383at1.png"/></center>

<form id="translateForm" action="http://www.worldlingo.com/S1790.5/translation" target="_blank">

<input value="ES" name="wl_srclang" type="hidden"/>

<select style="font-size: 70%; width: 160px;" name="wl_trglang">

<option value="EN"/>Español - Inglés

<option value="FR"/>Español - Francés

<option value="DE"/>Español - Alemán

<option value="IT"/>Español - Italiano

<option value="PT"/>Español - Portugués

<option value="RU"/>Español - Ruso

</select>

<input value="http://algodeblogs.blogspot.com/" name="wl_url" type="hidden"/>

<input style="font-size: 70%; width: 50px;" value="Traduce" type="submit"/>

</form>

Para ajustarlo al tamaño de vuestra sidebar, podéis cambiar el ancho de la caja donde dice width: 160px por los pixeles adecuados y en el botón podéis cambiar el texto sustituyendo "Traduce" por lo que queráis mostrar, para adaptar el tamaño del botón al texto que coloquéis en el, cambiáis su tamaño en donde veis width: 50px.

WordPress 2.8 soportará instalación de themes desde el Panel

2009-02-13T10:25:00.000-08:00

Estás leyendo: WordPress 2.8 soportará instalación de themes desde el Panel.

RSS

WordPress 2.8 soportará instalación de themes desde el Panel
Escrito por Marlex el 13 de Febrero del 2009 - Ir a los Comentarios ↓

WordPress LogoLa nueva versión de WordPress, la 2.8, permitirá que los usuarios puedan instalar themes para su sistema de WordPress a través del panel de control de WP, al igual que se puede hacer con los plugins, que se pueden cargar desde el repositorio de WP o desde un archivo ZIP.

Probablemente esta funcionalidad sea poco aprovechada ya que, cabe destacar que muchos de los themes que actualmente se utilizan en los blogs, son editados primero en el ordenador, y luego subido a las instalaciones personalizadas de WP, haciendo inútil el instalarlos directamente desde internet sin antes editarlos primero, aunque sabemos que el panel de edición de themes es bastante útil en ese sentido.

Ejner69, además, publica una captura de la opción de subida de themes a través de un Zip, y también la posibilidad de buscarlos en el directorio de themes de WordPress en su sitio oficial.

Hospeda las imagenes de tu Blog en tu Blogger

2008-11-24T09:31:00.000-08:00

Articulo sacado de

El lugar más seguro para hospedar las imágenes de tu plantilla blogger

Uno de los principales problemas de las plantillas blogger es cuando las imágenes fallan y no se visualizan o son sustituidas por mensajes poco agradables. El problema se debe a que en muchos de los casos las imágenes de esas plantillas se encuentran hospedadas en servicios gratuitos (ej: imageshack, photobucket, googlepages, entre otros.) que limitan el número de veces que pueden mostrar (ancho de banda).

Por lo tanto lo ideal es cambiar el hospedaje a un lugar seguro. ¿Cual?, pues el mismo Blogger, el cual no pone un limite (o es muy alto) al ancho de banda de cada imagen.Para obtener las imágenes que usa tu plantilla puedes hacer lo siguiente:

Entra a la pestaña “Diseño” y posteriormente a la opción de “Edición de HTML”.

Busca todas las direcciones (URLs) de las imágenes, todas serán del tipo:
```
http://servicio.com/etc/nombre-imagen.jpg
```
Y terminaran en jpg, png, gif u otra extensión de imagen. Seguramente las encuentres entre códigos como …url(url-de-imagen-aquí)… , así que habrá que buscar con detenimiento. Puede pasar que al buscar las urls de las imágenes en el código de las plantillas estas ya estén en Blogger, para tal caso no hay necesidad de hacer ningún.
Entra a cada URL y guarda la imagen en un carpeta con el nombre de tu plantilla.

Ahora, para subir imágenes a blogger y poder usarlas en tus plantillas puedes seguir estos sencillos pasos.

Entra al editor de entradas (Creación de entradas > Crear).

Da clic al icono para subir imágenes normalmente y sube todas las que componen tu plantilla.

Al terminar de subirlas y regresar al editor, el código resultante es más o menos como sigue:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_Zuzii37VUO4/SMM5YTgm0DI/AAAAAAAAC8s/AMBnCJkCENw/s1600-h/footerpg5.jpg"><img style="cursor:pointer; cursor:hand;"
src="http://1.bp.blogspot.com/_Zuzii37VUO4/SMM5YTgm0DI/AAAAAAAAC8s/AMBnCJkCENw/s400/footerpg5.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5243097480906068018" /></a>

Como puede verse el código contiene dos URLs aparentemente de las imágenes, sin embargo ninguna de ellas puede usarse en las plantillas, así que:

Copia la primer URL del código de cada imagen y ábrela en una pestaña o ventana del navegador.

Al entrar veras la imagen correspondiente, da clic derecho y después “Copiar la ruta la imagen” (firefox).

Esa URL ya puede usarse en las plantillas blogger, el siguiente paso será sustituir la antigua URL de la imagen en Diseño > Edición de HTML por la recién copiada en blogger.

Repite los pasos 4, 5 y 6 para todas las imágenes que subiste correspondientes a las que usa tu plantilla.

Este puede ser un proceso un poco tedioso, pero hay que pensar en que solo se hace una vez y al hacerlo tendrás mayor seguridad de que las imágenes en tu plantilla no fallaran. Lo mismo aplica si eres creador de plantillas blogger, hacer este proceso puede ahorrarte dolores de cabeza futuros.

Agregar un sidebar a una Plantilla Blogger

2008-11-23T20:35:00.000-08:00

Articulo extraido de

Como agregar una sidebar en una plantilla Blogger

Agregar una nueva sidebar a una plantilla Blogger es una de las preguntas más comunes entre lo usuarios de la plataforma para blogs de Google. Agregar una segunda sidebar varia en complejidad de acuerdo al diseño que se trate, así, mientras algunas solo requieran cambiar unas lineas de css, otras necesitarán de una remodelación total que tal vez hagan más conveniente cambiar de diseño.

A grandes rasgos el proceso es el siguiente:

Analizar la estructura y estilos de la plantilla.

Agregar un nueva zona editable, es decir, la nueva zona para agregar los gadgets.

Modificar estilos.

Para seguir sin problema este y cualquier tutorial que implica hacer cambios en la estructura de un blog o sitio web es muy recomendable saber algo de html y css. Entonces:

Analizar la estructura y estilos de la plantilla

La mayoría de las plantillas, y especialmente las de Blogger, tienen una estructura muy similar, un header (cabecera) con título y descripción, un contenedor con la columna principal y una sidebar (barra lateral) y un footer (píe de página) con créditos y otra información.

Para este caso, es de interés el contenedor, donde se encuentra el contenido y la sidebar, desde el código de Blogger (Diseño / Edición HTML) este se ve como:

<div id='content-wrapper'>
<div id='main-wrapper'>

  <b:section class='main' id='main' showaddelement='no'>
 <b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>

 </b:section>
</div>

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

  <!-- Código de los gadgets o widgets del sidebar -->
 </b:section> 

</div>
</div>

Varia un poco de plantilla en plantilla, pero generalmente es muy similar a lo anterior. Tanto main-wrapper (columna principal) como sidebar-wrapper (contenedor del sidebar) están definidos por estilos css que determinan su ancho, fondo y otras características. Así que lo

primero será averiguar estas características buscando algo como:

#main-wrapper {
float:left;
width:620px;
/*.... otros atributos ... */
}

#sidebar-wrapper {
float:right;
width:300px;
/*.... otros atributos ... */
}

Nota: Seguramente no los encontraran juntos ni exactamente igual y en algunas ocasiones, más de una vez.

Aquí es importante ver los anchos (width) de cada elemento, pues para agregar una nueva barra hay que cambiar la distribución. Al sumar los anchos del código de ejemplo se tiene un total de 920px, el cual será el espacio disponible para el contenedor principal y las sidebars.

Agregar un nueva zona editable.

Agregar una nueva zona editable en blogger es muy sencillo, estas están definidas por elementos “section” que al incluirlos en el código ya pueden contener gadgets (elementos de página). El código de una nueva zona editable es algo como:

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

Y para agregar una nueva zona editable, solo hay que agregar este código justo después de la zona editable existente:

<div id='content-wrapper'>
<div id='main-wrapper'>
 <b:section class='main' id='main' showaddelement='no'>


 <b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>
 </b:section>

</div>

<div id='sidebar-wrapper'>
 <!-- Zona editable existente -->
 <b:section class='sidebar' id='sidebar' preferred='yes'>

  <!-- Código de los gadgets o widgets del sidebar -->
 </b:section>

  <!-- Nueva zona editable -->
 <b:section class='sidebar' id='sidebar2' preferred='yes'></b:section> 

</div>

</div>

Hay que tener cuidado que el ID de la nueva zona, no exista en otro elemento “section”, es por eso que en el ejemplo aparece como “sidebar2″. La clase puede repetirse y en el caso de los

sidebars hasta es conveniente que lo haga. Como es una zona nueva, no necesita tener código de gadgets, estos se integraran automáticamente cuando agreguemos un nuevo gadgets desde “Elementos de página”.

Con esto ya hay una zona editable pero como no la plantilla no esta preparada seguramente se deformaría, así que falta hacer algunos cambios.

Modificar estilos.

Ya sabemos el ancho total disponible y tenemos la zona editable, así que hay que cambiar determinar el ancho de cada elemento. Siguiendo el ejemplo; main-wrapper se reduce a 540px y sidebar-wrapper el ahora contenedor de ambas sidebars se aumenta a 380px. Quedando los estilos como sigue:

#main-wrapper {
float:left;
width:540px;
/*.... otros atributos ... */
}
#sidebar-wrapper {
float:right;
width:380px;
/*.... otros atributos ... */
}

De esto modo el espacio disponible para ambas sidebars es de 380px. Lo más comun es ambas tengan el mismo ancho, es decir que ocupen el 50% cada una. A partir de lo IDs de cada zona editable definimos el ancho de cada una y su ubicación (derecha - izquierda) dentro del contenedor sidebar-wrapper, agregando los estilos:

#sidebar {
width:50%;
float:left;
/*.... otros atributos que consideres necesarios: padding, margin, etc ... */
}
#sidebar2 {
width:50%;
float:right;
/*.... otros atributos que consideres necesarios: padding, margin, etc ... */
}

Con esto ya se tiene 2 sidebars de un ancho de 190px cada una, capaces de soportar gadgets.

Observaciones

Algunas plantillas pueden tener problemas al cambiar el ancho del sidebar o el contenedor principal, sobre todo aquellas basadas en imágenes fijas que obviamente no cambian de tamaño al reducirse el ancho. En tal caso se pueden editar las imágenes con photoshop para adaptarlas al nuevo ancho.

Conclusión

En general esto proceso puede ser complicado, sobre todo si no se tiene nociones suficientes de css o la plantilla tiene una maquetación -estructura- compleja. Para tal caso queda aprender css o buscar una plantilla con 3 columnas y personalizarla.

Les agradezco cualquier opinión o corrección en los comentarios y sus dudas en nuestro foro.

Otras referencias sobre este tema:

Añadir una barra lateral (sidebar) en Blogger

Modificando las plantillas (Tutorial 3: Sidebars)

Agregar una segunda Sidebar en el blog

Casi 100 libros en pdf sobre blogs

2008-10-15T17:11:00.000-07:00

Post sacado de

Son 94 y todo, gracias a diadelblog.com.

BLOGS Y BLOGÓSFERA

La Blogósfera Hispana. Pioneros de la cultura digital. Bajo la dirección de José Manuel Cerezo. Fundación France Telecom España (PDF)
El futuro es tuyo, La revolución social de las personas“. Un libro colaborativo escrito por 120 personas (PDF)
Blogonomia. Por José Luís Orihuela (PDF)
Get Viral Get Visitors de Stacie Mahoe (PDF)
Geeks Guide to Promoting Yourself With Twitter de Geekpreneur (PDF)
The Zen of Blogging de Hunter Nutall (PDF)
We Have a Website. Now What? de Craig Rentmeester (PDF)

INTERNET - WEB 2.0 - TICS - REDES SOCIALES

Una década en la historia de Internet. The Internet Protocol Journal. (PDF)
Planeta 2.0. Inteligencia colectiva o medios fast food. Cristóbal Cobo y Hugo Pardo. (PDF)
Planeta Web 2.0. Cristobal Cobo y Hugo Kuklinski. (PDF)
Web 2.0. Fundación Orange (PDF)
El imperio digital. Leandro Zanoni (PDF)
El Negocio de las Redes Sociales. Fundación de la Innovación Bankinter. (PDF)
Redes Inalámbricas en Países en Desarrollo (PDF)
Guía para editores sobre WEB 2.0, (2007) de Tim O’Reilly (Flash)
Las nuevas tecnologías Web 2.0 en la promoción de museos y centros de arte. Por Javier Celaya y Mónica Viñarás (PDF)
Inclusiva-net 2007 Medialab-Prado Madrid
Conectado. (Un capítulo en PDF - portugués)
Guía Web 1.0 (PDF)
Social Web Analytics de Social Web Analytics (PDF)
Effective Internet Presence de Effective Internet Presence (PDF)
Introduction to Good Usability de Peter Pixel (PDF)
Participative Web and User-Created Content: Web 2.0, Wikis and Social Networking (PDF)
Wikiworld, Political Economy and the Promise of Participatory Media (PDF)
The future of reputation de Daniel J. Solove (PDF)
Capitalismo 3.0 de Peter Barnes (PDF)
Education for a Digital World (PDF)

CIBERACTIVISMO - COMUNICACIÓN CIUDADANA

Blog por una Causa de Mary Joice / Global Voices (PDF)
El poder de las redes. Manual ilustrado para personas, colectivos y empresas abocados al ciberactivismo. Por David de Ugarte (PDF)
Una Introducción a Medios Ciudadanos en Español. Rising Voices (PDF)
Handbook for bloggers and cyber-dissidents, Reporteros sin Fronteras (PDF)

CIBERCULTURA - SOCIEDAD DE LA INFORMACIÓN

Cultura Libre – Free Culture, Lawrence Lessig (PDF)
Creación e inteligencia colectiva, deZemos98 (PDF)
Inteligencia colectiva. Pierre Levy (PDF)
Nosotros el medio, de Bowman y Willis (PDF)
Cultura Digital y Comunicación Participativa, de Zemos98 (PDF)
E-España. Fundación Orange (PDF)
CODE, version 2.0. de Lawrence Lessig (PDF)
The Mobile Generation porLasica (PDF)
Futures of the ideas, por Lawrence Lessig (PDF)

COMUNICACIÓN Y PERIODISMO

Periodismo 2.0. Una guía de alfabetización digital por Mark Briggs. (PDF español)
Blogs y Medios, de José Manuel Noguera. (PDF)
Web noticia: propuesta de un modelo periodístico para la WWW, por Joao Canavilhas (PDF)
Los 10 Paradigmas de la e-Comunicación - The 10 Paradigms of Media in the Digital Age, por José Luís Orihuela (PDF)
Tendencias Web 2.0 en el sector editorial. Por Javier Celaya y Mónica Viñarás (Resumen y PDF)
Los retos de las editoriales independientes. Javier Celaya de Dosdoce.com y Elipsis Ediciones (PDF)
Flash 2.0 Tecnología y cibermedios en la nueva Web social. Manuel Gago Mariño (PDF)
Cómo apoderarse de los medios de comunicación (PDF)
Los cibermedios valencianos: cartografía, características y contenidos, por Guillermo López. (PDF)
La televisión no lo filma. Zemos98 (PDF)
Educar por TV (PDF)
Diseño Periodístico en Internet, (2007) de Ainara Larrondo, Ana Serrano y otros. (PDF de sólo un capítulo)
10 años de Periodismo.com. Libro recopilatorio de los mejores artículos del sitio Periodismo.com (PDF)
Citizen Media: Fad or Future of News? J-Lab (PDF)
Mapping Communication and Media Research: Estados Unidos (PDF), Japón (PDF), Estonia (PDF), Francia (PDF) y Alemania (PDF).
Reclaiming the Media. Communication Rights and Democratic Media Roles. Nico Carpentier y Bart Cammaerts. ECREA. (PDF)
Imaging the future of newspaper. Horizon Watching Initiative. Newspaper Association of America. (PDF)
Blogs & Social Media - PRSA (PDF)
What is Social Media por Crossing (PDF)
A Primer in Social Media por SmashLab (PDF)
INFOGRAFÍA 2.0, Alberto Cairo (PDF introducción y fragmentos I Capítulo)

MANAGMENT 2.0 - COMUNICACIÓN CORPORATIVA

Comunicación empresarial 2.0. Por Javier Celaya y Pau Herrera (PDF)
Los Blogs en la comunicación empresarial en España. Por Javier Celaya y Pablo Herrera (PDF)
10 cosas que una empresa puede hacer con los weblogs. Por José Luís Orihuela (PDF)
“Manual de uso del blog de la empresa“. Por Alberto Ortiz de Zarate (PDF)
“El auge de la comunicación corporativa“. Por Benito Castro. (PDF)
La empresa y la Web 2.0. por Enrique Dans. (PDF)
Los blogs corporativos: una opción, no una obligación. Por Julián Villanueva, Cristina Aced y Guillermo Armeilini, (PDF).
Social Bookmarking in the Enterprise. By Braly, Michael D. y Geoffrey B. Froh. (PDF)
Corporate Use of Web 2.0 Technologies, ChangeWave Research“. (PDF)
Coroporate Bloggin. Is it worth the hype? Backbone Media Inc. (whitepaper) (PDF)
The Cluetrain Manifesto. The end of business as usual. (PDF)
Democratizing the innovation por Eric von Hippel (PDF)
The Wealth of Networks. How Social Production Transforms Markets and Freedom, por Yochai Benkler (PDF)

MARKETING Y PUBLICIDAD 2.0

Publicidad 2.0, por Paúl Beelen (PDF)
Marketing Apple por MarketingApple.com (PDF)
The New Rules of Viral Marketing por David Meerman Scott (PDF)
Masters of Marketing por Startup Internet Marketing (PDF)
Marketing With Case Studies por Dynamic Copywriting (PDF)
How to Write a Marketing Plan por Geisheker Group (PDF)
Increasing the Response to Your Email Marketing Program by CRM Transformation (PDF)
Podcast Marketing eBook por Christopher S. Penn (PDF)
The Podcast Customer Revealed por Edison Media Research (PDF)
The Art and Science of Web desing por Jeffrey Veen (PDF)

PROPIEDAD INTELECTUAL - ÉTICA

Copia este libro, por David Bravo (PDF)
La ética hacker y el espíritu de la era de la información, Pekka Himanen (PDF)
Manual de Copyleft (PDF)
The State of the Commons (PDF)
GUÍA DE LICENCIAS Creative Commons. Por Ariel Vercelli y Ana Marotias (PDF)
Siete cosas que deberías saber acerca de Creative Commons. (PDF)
Science Dissemination using Open Access (PDF)
A report on the Surveillance Society (PDF)

SEO

Google Adwords Secrets por SEOBook (PDF)
SEO for WordPress blogs por Blizzard Internet (PDF)

Los posts mas populares con el widget de AideRSS en blogger

2008-09-23T20:35:00.000-07:00

AideRSS nos ofrece la posibilidad de analizar la popularidad de nuestras entradas teniendo en cuenta el feed de nuestro blog. Asi los posts mas populares los podemos mostrar en un widget en la barra lateral (sidebar). Tiene en cuenta el numero de comentarios, Diggs, Del.icio.us, los backlinks y los clics directos a la pagina. Para empezar a analizar el ranking, visita AideRSS y incluye tu RSS blog feed en el cuadro:

Si utilizas Feedburner, entra la url del feed de Feedburner:

Ejemplo:

http://feeds.feedburner.com/ElNombreDeTuFeed

Si no redireccionas tus feeds con Feedburner entra la url de tu feed como sigue:

http://NombreBlog.blogspot.com/feeds/posts/default

Una vez hayas visto la popularidad de tus posts puedes crear el widget clicando en el enlace "Sharing and Widgtes" arriba a la derecha de la pagina. La previsualización la encontraras a la izquierda y el código a la derecha. Copia y pega en un elemento HTML/JavaScript de Blogger en la barra lateral (por ejemplo), puedes modificar el rango de tiempo y el numero de posts que por defecto son 5. También puedes pegar el código en un post en modo edición html.

http://www.aiderss.com/

Via: Blogger Buster

Entradas mas populares en español

2008-09-23T20:27:00.000-07:00

Copiado exactamente del Blog de Rosa

He conseguido modificar el widget de "entradas mas populares" del que os hablaba hace un par de días, de manera que muestre al lado de cada título de entrada, el número de comentarios con esta palabra en español, es decir, ya no dirá "comments" sino "comentarios".

Lo he hecho modificando la Yahoo Pipe que Amanda usa para que el widget funcione.
No he podido lograr que el tipo de texto que muestra el widget, acepte más cambios que uppercase (la primera letra de cada palabra en mayúscula) y capitalice (los títulos en mayúsculas), es decir que en el script una vez instalado, donde dice text-transform: capitalize; podemos poner text-transform:uppercase para ver los títulos en mayúsculas.

Para cambiar el número de entradas a mostrar, cambiaremos dentro del código una vez colocado en el elemento, donde dice &num=5 por el número de entradas que queremos ver en el widget.

Para instalar el widget, simplemente tenéis que copiar y pegar en un nuevo elemento HTML el código del script y cambiar después donde dice elescaparatederosa por el nombre de vuestro blog (el que aparece en la url del navegador).
Hay que tener cuidado al hacerlo de no borrar o cambiar nada más.

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback& _id=54d6d19d945db96177de90962bc15e83&url=http%3A%2F%2Felescaparatederosa.blogspot.com&num=5" type="text/javascript"></script>
<span style="gt;Widget by <a href="http://www.bloggerbuster.com">Blogger Buster </a></span>

Nota:
En el código del widget he incluido los créditos a Blogger Buster, para retirarlos si así lo queréis, solo tenéis que borrar las últimas líneas del código:

<span style="gt;Widget by <a href="http://www.bloggerbuster.com">Blogger Buster </a></span>

Y otra cosa, si al colocarlo tarda un poco en cargar tened paciencia, he comprobado que la primera vez se demora un poco, aunque pudiera ser debido a que esta tarde Yahoo Pipes tenía algunos problemillas en su web...

Si vas a utilizar las imágenes de esta entrada, subelas antes a tu propio alojamiento. No hagas Hotlinking.

Recibir donaciones en Blogger

2008-09-21T16:06:00.000-07:00

Via blogandweb

Una forma popular de aceptar donaciones en blogs es aquella con la famosa frase “cómprame un café” (buy me a coffe) o bien, “cómprame una cerveza” (buy me a beer) al final de cada post. Tanto que incluso existe un plugin para incorporarlo de forma rápida a wordpress y ahora tratare de explicar como implementarlo en un blog de Blogger.

Entra a la pestaña “Plantilla”, después a la opción “Edición HTML” y activa el botón “Expandir plantillas de artilugios” (importante).

Ahí busca el siguiente código:
```
<p class='post-footer-line post-footer-line-3'/>
```
Nota: Sí no encuentras búscalo sin la diagonal (/) del final.

Justo abajo pega lo siguiente:

<b:if cond='data:blog.pageType == "item"'>

<div class="donaciones">
&lt;form method=&quot;post&quot; target=&quot;paypal&quot; action=&quot;https://www.paypal.com/cgi-bin/webscr&quot;&gt;
 &lt;input type=&quot;hidden&quot; value=&quot;_xclick&quot; name=&quot;cmd&quot;/&gt;
 &lt;input type=&quot;hidden&quot; value=&quot;email@tumail.com&quot; name=&quot;business&quot;/&gt;
 &lt;input type=&quot;hidden&quot; value=&quot;&quot; name=&quot;return&quot;/&gt;
 &lt;input type=&quot;hidden&quot; value=&quot;Comprame un cafe&quot; name=&quot;item_name&quot;/&gt;
 &lt;input type=&quot;hidden&quot; value=&quot;&quot; name=&quot;currency_code&quot;/&gt;
 &lt;input type=&quot;hidden&quot; value=&quot;&quot; name=&quot;amount&quot;/&gt;
 &lt;input type=&quot;image&quot; align=&quot;left&quot; alt=&quot;C&oacute;mprame un caf&eacute;&quot; class="imgdon" src=&quot;http://2.bp.blogspot.com/_Zuzii37VUO4/R57aKlcfGgI/AAAAAAAAChg/rBhrCfjdZBs/s1600/Coffee%2BTime-32.png&quot;/&gt;

&lt;/form&gt;
&lt;a target=&quot;paypal&quot; href=&quot;https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&amp;business=email@tumail.com&amp;currency_code=&amp;amount=&amp;return=&amp;item_name=Comprame+un+Cafe+para+seguir+escribiendo&quot;&gt;Si te gusto este post cómprame un café&lt;/a&gt;
</div>

</b:if>

En ese código sustituye mail@tumail.com por el mail de tu cuenta paypal y opcionalmente puedes sustituir el link de la imagen “Coffee%2BTime-32.png” por el link de la imagen que prefieras.

Ahora busca ]]></b:skin> y justo antes pega los siguientes estilos:

/* DONACIONES */

/* Estilo del contenedor */
.donaciones {
border-top:#CCCCCC solid 1px;
border-bottom:#CCCCCC solid 1px;
margin:15px auto;
padding:10px 0px;
width:95%;
}

/* Estilo del enlace */
.donaciones a {
text-decoration:none;
}

/* Estilo de la imagen */
.donaciones .imgdon {
margin:-5px 5px 0 0;
}

Si sabes algo de CSS puedes editar estos estilos a tu gusto.

Guarda los cambios y ¡listo! El resultado final es como se muestra en la imagen de arriba.

Este tema de las donaciones es controvertido para algunas personas que llegan a catalogarlo como “cibermendigar”. En lo particular no tengo nada en contra de esto y por el contrario hasta podría implementarlo en un futuro aquí. Si tu generas algo útil y alguien esta dispuesto a agradecerte de forma monetaria no veo el porque de la indignación, finalmente, la información es también es un producto.

7 Tips to design professional blog layout using Blogger

2008-09-09T07:16:00.000-07:00

Sacado de http://woork.blogspot.com

Blogger it's a very powerful platform to publish your blog. It's free and with some features which you can customize how you prefer, without limits.

In this post I want to illustrate some tips which can help you to improve your Blogger template to design a professional layout for your blog.

1. Start creating a custom template
A nice template is important for the success of your blog in terms of visits and return of money using AdSense. Before to start your custom template, writing code from zero, I suggest you to download a simple basic Blogger template, for example "Minima": so, copy and past on your preferred HTML editor HTML source (remeber to check "expand widget models" option) and remove everything is contained within b:skin tag. This is the only code which have to remain:

<b:skin> /*</b:skin>

...and, below the previous line, add this code into the <head> tag to create your custom CSS style. I suggest you to use the following CSS structure:

In this way CSS code will be simpler to manage and update. This is a screenshot of a part of CSS code I used to design my blog:

At this point you can start writing HTML code, adding layer, sections and other elements to your template. When your template is ready, copy the code and paste it on Blogger Layout editor and save it. If you need more info about Blogger customization, I suggest you to take a look at BloggerBuster a "Blogger-dedicated" site mantained for my friend Amanda which provides useful templates, tips and tricks for Blogger users.

2. Create single custom pages on Blogger
Using Blogger you can create single custom pages like on WordPress. How do you do it? Simply creating a post which you will use like a web page for example adding links or in general contents organized for category. On my blog I created some pages (Tutorials, Showcases, Freebies) and, for each page, I added a link on navigation bar:

...and each page contains links organized for topic (take a look at the page Tutorials). When you have to modify the content of the pages you have simply modify the related post directly from Blogger Post editor.

3. Display some HTML elements only on home page
Sometimes it's usefult to display some page elements only on home page and not on each single post. To do it, you have to use Blogger <b:if> statement, adding the following code on your Blogger template:

<b:if cond='data:blog.pageType != "item"'>

</b:if&gt

In this way, if the current page isn't an "item" page (but for example it's your home page) , will be displayed all code within <b:if> tag.

5. Page title and meta tag description
For a better indexing of your blog on Google I suggest you to make these simple changes on your template. Change this line (blog title):

...with the following code:

<b:if cond='data:blog.pageType != "item"'>
<title>My site | This is a short description</title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

...and add Meta tag description below the previous <b:if> statement.

<b:if cond='data:blog.pageType != "item"'>
<meta name="Description" content="Add here a short description of your site" />
</b:if>

For example on my template I added: "Woork is a popular tech blog mantained by from Antonio Lupetti. Topics focus on web design, tutorials, resources and inspiration", so when someone looking for my blog on Google, search results display the following description:

4. Design custom categories section
By default, categories on Blogger are displayed on one column. If you want to modify the default layout showing labels on two columns instead one column, you have manage manually your labels using this simple trick: adding on your template, for each labels, a link like this:

<a href="http://yoursite.blogspot.com/search/label/Category Name?max-results=max numbers of posts to display">Category Name</a>

For example, to design my categories section I used this code:

<a href="http://woork.blogspot.com/search/label/ajax?max-results=2">Ajax</a>
<a href="http://woork.blogspot.com/search/label/blogger?max-results=2">Blogger</a>
<a href="http://woork.blogspot.com/search/label/coldfusion?max-results=2">Coldfusion</a>
...

...and how you can see on my sidebar the result is:

I know, the process is not automatic and each time you add new categories, you have to udate your template manually... but this solutions renders more flexible template design.

5. Republish Feed RSS to manage recent entries and comments
Personally I don't like Blogger default archive widget. So, on my template I used FeedBurner BuzzBoost service to add a section with recent entries and recent comments. If you have a FeedBurner account login, clik on "Publicize" tab and select "BuzzBoost" service:

Follow instructions on the page and copy and paste BuzzBoost code on your Blogger template, within a new layer with class property = "recentPost" (you can insert this layer, for example, within sidebar):

/* FeedBurner BuzzBoost Code*/
<script src="http://feeds.feedburner.com/your feed here?format=sigpro" type="text/javascript" ></script><noscript><p>Subscribe to RSS headline updates from: <a href="http://feeds.feedburner.com/Woork"></a><br/>Powered by FeedBurner</p> </noscript>

</div>

To customize recent entries section add a CSS class (recentPost) using, for example, the following code:

.recentPost li{background:url(arrow image URL) no-repeat left top;
padding-left:14px;}

Final result is something like this:

You can repeat the same process to add a new section which contains links to recent comments, simply changing the feed URL.

6. Add custom subtitle to your posts
If you want to add a subtitle to your Blogger post you can use a simple "trick" using CSS. On your Blogger template, create a custom class ".subtitle" (for example, I used this code for Woork's subtitles style):

.subtitle{

font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
color:#555555;
line-height:28px;

}

Now, when you add a new post, to add a subtitle, add a div layer with class property = "subtitle" before the post content:

<div class="subtitle">This is a subtitle</div>

This is a screenshot of Blogger Post Editor:

So, add the rest of your post below the div layer and the result is:

7. Add social web buttons
Social web buttons are a extraordinary solution to share and make popular content you write on your blog. Delicious, StumbleUpon and Digg are my preferred social network which drive on my site a lot of traffic but also Mixx, Reddit, Yahoo Buzz!, DZone can help you to increase your visitors. For more info about how to add social buttons on your site take a look at this post for the full list.

Related content
Some Blogger Tips you probably don't know
Blogger Hack: add social buttons to increase your traffic

Existen los Bloggers

2008-09-04T07:06:00.000-07:00

Visto en Blog And Web

Fernando Tellado (Ciberprensa) nos comparte en uno de sus últimos posts ¿Existen los Bloggers? un compendio de las opiniones que se vertieron durante el foro virtual que se montó con motivo del Día del Blog y en el que tuvo la oportunidad de participar con otros blogueros como Marcelino Madrigal e Iván Lasso. Aquí 10 que rescato, recomendando leer el artículo fuente:
si el que camina es caminante y el que vuela volador… supongo que el que blogea será un Bloger..
… el “objetivo” del blog. Si lo inicias porque tu inquietud es compartir, tu blog será un desestresante, una vía de comunicación, hasta terapia. Si lo inicias para ganar dinero la decepción la tienes a la vuelta de la esquina.
… uno de los mitos sobre los bloggers es decir que aquel que escribe en un blog es un blogger y no siempre es así. La realidad es que hay muchos blogs sin bloggers y muchos bloggers sin blog.
Un Blog sin comentarios es como sentarse en un bar a hablar solo….
Pero eso no quita que bloggear en si es como hacer… yo que sé.. es como andar en bicicleta… te convierte eso en ciclista y vas por ahí presentandote a todo dios como ciclista ??? “Hola soy Paco y soy ciclista”…
Los blogs profesionales es a los blogs lo que las putas de lujo al sexo. Se las follan unos pocos por muchos pavos y los demás babean. Prefiero el sexo amateur.
a mi me dió miedo cuando vi que mis gritos eran escuchados, casi que me quedé muda; luego me adapté. Me sale más barato escribir en mi blog que contratar a un sicoanalista.
Un bloguer es un pobre individuo que disfraza su mediocridad media hora al día consultando sus estadísticas y mirando blogs de tops como si estuviera viendo a la Paris Hilton volviendo a delinquir. ?Un tipo normal que usa un blog es otra cosa.
Lo fantastico del fenomeno Blog es que por primera vez una plataforma permitió que la gente común entrará de lleno a vivir el fenomeno de Internet ya no como simples espectadores sino como participantes activos…
El concepto “bloguer” para mí implica un comportamiento y una forma de hacer que es más que el uso de una herramienta. No es un escultor todo el mundo que pica piedras, y no todos los que usan un pico o un cincel son escultores.

Solución a algunos problemas con los formularios de comentarios

2008-07-24T18:20:00.000-07:00

extraido de VAgabundia

Ha habido algunos problemas en ciertas plantillas que parecen haber copiado y pegado los códigos para agregar el formulario de comentarios incrustado debajo de los posts; no tienen errores de sintaxis, Blogger los acepta pero, aún así no funciona y lo que siguen viendo debajo de los comentarios es un enlace que suele decir Publicar un comentario en la entrada pero no aparece el formulario de envío.

Si se fijan, ese enlace apunta a:

http://nombreBlog.blogspot.com/XXXX/XX/tituloPost.html#comment-form

Por lo que he visto después de varias consultas, esto, se debe a que el segundo código está mal ubicado ya que la explicación decía busquen:

<p class='comment-footer'>
  <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
    <data:postCommentMsg/>
  </a>
</p>

y lo reemplazan por el contenido de este archivo de texto

El problema es que no todas las plantillas poseen la misma estructura y que el dato importante a buscar es este:

<a expr:href='data:post.addCommentUrl'
  expr:onclick='data:post.addCommentOnclick'>

Si buscan sólo esa línea, es probable que encuentren dos iguales pero ubicadas en sectores diferentes. Una se encuentra en:

<b:includable id='backlinks' var='post'>

la otra en:

<b:includable id='comments' var='post'>

La primera es para los backlinks y la segunda para los comentarios; el que debemos cambiar es el segundo y no siempre está entre las etiquetas <p class='comment-footer'> y </p>, puede estar entre etiquetas <div class='comment-footer'> y </div> o etiquetas <hx class='comment-footer'> y </hx>; puede tener otro nombre de clase, realmente, pueden haber muchas variantes y es difícl enumerarlas todas.

Si ya hicieron los cambios y ven el enlace al que me refiero y no ven el formulario incrustado, lo más probable es que ese segundo código esté en en sector de backlinks y no en el sector de comments. Así que, lo que debe hacerse es cambiarlo de lugar, restaurar el que cambiaron y buscar el otro que es el que debe cambiar.

En resumen, ese segundo código es el que MUESTRA el formulario y ese DEBE estar dentro de <b:includable id='comments' var='post'>

Insertar el formulario de comentarios en plantillas modificadas - mas tips

2008-07-24T18:10:00.000-07:00

Sacado de Blogandweb

Hace unos días que Blogger la opción de agregar el formulario de comentarios en la misma página, una gran noticia pero que no se aplica de forma automática en los blogs que usan plantillas modificadas previamente. Para estos casos hay que introducir modificar un código manualmente. El proceso es el siguiente:

Entrar a Blogger in Draft (No blogger normal).

Ir a la pestaña “Opciones” y posteriormente a la opción “Comentarios”.

Ahí encontraran una nueva sección “Ubicación del formulario de comentarios” con las opciones:

Donde se selecciona la marcada en la imagen.

Guarda los cambios. Ahora dirígete a la pestaña “Diseño” y posteriormente a la opción “Edición de HTML”. Ahí marca la opción “Expandir plantillas de artilugios”.

Ahora busca el siguiente código:

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

Nota: Si encuentras dos códigos iguales a este, el indicado será el que se encuentre dentro de: <b:includable id='comments' var='post'> , es decir, que este código estará unas lineas arriba del buscado. Si encuentras solo una vez el código, continua normalmente.

Y remplázalo con el siguiente:

          <b:if cond='data:post.embedCommentForm'>
          <b:include data='post' name='comment-form'/>

        <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </b:if>

        </b:if>

Guarda los cambios en la plantilla y tendrás a disposición tu nuevo formulario de comentarios.

Nota: La variación en el diseño de las plantillas puede causar algunas pequeñas diferencias el proceso, si tienes alguno problema con este método, puedes consultar las aclaraciones hechas en Blogger Buster o en Vagabundia.

Entrevista a Darren Rowse de ProBlogger.net

2008-06-29T09:09:00.000-07:00

Sacado de el Blog del Piloto

Hace unas semanas leí una interesante entrevista que hacía Guy Kawasaki a Darren Rowse, autor de ProBlogger.net, considerada como una referencia en el mundo de los blogs profesionales. En esta entrevista Darren Rowse desnuda la realidad de bloguear para hacer dinero respondiendo a las preguntas de Guy Kawasaki.
Sin querer hacer una traducción literal de la entrevista, recogeré las preguntas realizadas y la esencia de las respuestas. Resalto aquellas que me parecieron más interesantes para reducir la lectura a los que lo deseen:

1. ¿Cuánto puede realmente ganar un bloguero trabajando duro y con un buen contenido? Aunque la mayoría de los blogueros lo hacen por diversión u otras razones personales, sí existen blogueros que ganan dinero. No obstante, el porcentaje de los que realmente ganan mucho dinero es muy pequeño. Darren comenta que en unas encuestas que hizo la mitad de los blogueros no llegaban a 100 dólares mensuales.

2. Para la mayoría de blogueros, ¿cuál es el escenario más probable de beneficios? Un escenario muy positivo es que un bloguero después de un par de años de duro esfuerzo pueda llegar a un punto en el que del contenido de su blog pueda obtener ingresos que complementen su sueldo principal. No obstante, Darren recomienda que se pongan metas asequibles a corto y medio plazo y luego se eleven a medida que se superan.

3. ¿Qué piensas de la política de Seth Godin de no permitir comentarios en su blog? Le funciona muy bien. En su caso, por su reputación incluso genera un efecto de viralidad ya que otros blogueros para contestarle tienen que publicar una entrada en su blog haciendo un link al blog de Seth.

4. ¿Y de la política de Valleywag de estar “aprobado” para poder dejar comentarios? Entiendo que es para evitar la gestión del spam. Akismet ha bloqueado cerca de 4 millones de mensajes de spam en ProBlogger. Al igual que en la pregunta anterior Darren reconoce que el resultado no ha sido malo, pero que cree que el impacto en un blog más joven podría ser muy negativo.

5. ¿A cuantos feeds de blogs estás suscrito? Unos 650, aunque está en fase de reducción. Ha reducido 50 en la última semana y planea reducir a la mitad en el próximo mes.

6. ¿Cuáles son tus tres favoritos? Chris Brogan sobre medios sociales. No se presenta como un experto sino como una persona en constante aprendizaje. ZenHabits ya que a pesar de ser relativamente nuevo trata temas que están relacionados con su vida estresante (productividad). Lifehacker que siempre aporta algo para mejorar su vida.

7. ¿Cuánto debería preocupar a una compañía lo que se diga de ella en la blogosfera? Las compañías deberían, al menos, saber lo que se dice sobre ellas, especialmente teniendo en cuenta las excelentes herramientas disponibles. Alcanzado este punto el desafío es saber si y cómo contestar. Hay muchas oportunidades, pero también se puede meter la pata.
8. ¿Cuál es el kit de supervivencia para el nuevo bloguero? Siendo usuario de Mac propone usar b5media como hosting especializado en blogs (del que él es socio) y Ecto como editor de blogs. También utiliza Imagewell para editar imágenes, twhirl como cliente twitter, skype como sistema de comunicación, google reader como lector rss y gmail para el email.

9. ¿Qué porcentaje de los 46.695 suscriptores por Feedburner crees que realmente leen tus entradas? Ojalá hubiera una mejor medida. Cree que muchos leerán por encima y que pocos leerán sus entradas en detalle.

10. ¿Cuantos blogueros crees que pueden estar ingresando 100.000 dólares al año con sus blogs? No sabe, estima que algunos miles viven de o tienen los blogs como principal fuente de ingresos, pero de éstos cuántos ganan 100.000 dólares lo desconoce.

11. ¿Entonces por qué bloguear? Lo mismo se puede preguntar de otros temas, como por ejemplo los deportes. La gente lo hace por diversas razones, de las cuales ganar dinero es sólo una de ellas. Otras son por diversión, crear una presencia online, encontrar novio/a, networking…
12. ¿Qué sucedería si una persona con un blog con muchos seguidores dejara de proveer un feed RSS? Además del lío que se podría montar, perdería una gran parte de clientes, principalmente aquellos que leen en los agregadores. No obstante los más fieles seguirían.

13. ¿Cuál es tu reacción cuando un lector te amenaza con dejar de leer tu blog? Se interesaría saber por qué y pediría disculpas si ve que ha podido ofenderle de algún modo, y en todo caso le desearía que encuentre lo que realmente está buscando.

14. Además de los anunciantes ¿le importa todavía a alguien Google Page Rank? A juzgar por los mails que recibe cree que sí, aunque no debería. Reconoce que a los blogueros les suele importar el poder ver cómo lo que hacen tiene algún impacto.

15. ¿Se engañan los anunciantes sobre la importancia de Page Rank? Cree que Page Rank perderá protagonismo frente a otras métricas como comscore.

16. ¿Qué harías si fueras Yahoo!? No se muestra muy contento con lo que Yahoo! aporta a sus usuarios frente a Google que realmente está desarrollando productos útiles.

17. ¿Qué harías si fueras Technorati? Si fuera technorati enfocaría sus esfuerzos en colaborar con los blogueros más que en desarrollar productos para los blogueros
18. ¿Cómo puede una PYME usar los blogs para incrementar su éxito? Bloguear no es sólo para ganar dinero. Preguntando a sus lectores lleguó a las siguiente lista:

1. Establecer marca
2. Dar voz a los empleados
3. Llevar el marketing más allá del alcance local
4. Crear una relación con los clientes
5. Construir una relación basada en la confianza
6. Equilibrar el campo de juego para los pequeños jugadores ya que los blogs se “rankean” bien en los buscadores
7. Conseguir información del mercado
8. Proveer de relaciones públicas a un coste ajustado

A los lectores blogueros les pregunto por qué bloguean y si ganan dinero con sus blogs.

Quitar el Nav Bar o la Barra de Arriba de los Blogs de Blogger

2008-05-28T18:06:00.000-07:00

Via Observadores Webs

Solo debes poner esto

.navbar {
display:none;
}

Despues de algo similar a esto

/*
-----------------------------------------------
Blogger Template Style
Name:     Denim
Designer: Darren Delaye
URL:      www.DarrenDelaye.com
Date:     11 Jul 2006
-----------------------------------------------
*/

Eso es todo
te quedara algo como esto

-----------------------------------------------
Blogger Template Style
Name: Denim
Designer: Darren Delaye
URL: www.DarrenDelaye.com
Date: 11 Jul 2006
-----------------------------------------------
*/
.navbar {
display:none;
}

Si hay dudas dejen comentarios

Tip SEO: Optimizar los títulos en Blogger

2008-05-24T18:41:00.000-07:00

Via BlogandWeb

Hace un tiempo les había comentado sobre un método para optimizar los títulos de las entradas en Blogger que por cambios recientes había dejado de funcionar. Por suerte entre las correcciones periódicas anunciadas en Blogger Buzz agregaron un código que puede ayudarnos con esa tarea igual o mejor que antes.

El código permite mostrar el nombre de una entrada particular sin traer consigo el nombre del blog en primera posición (aspecto que resta posicionamiento en buscadores). De esto modo podemos optimizar los títulos de la siguiente forma.

Dirígete a la pestaña “Diseño” y posteriormente a la opción “Edición HTML”.

Busca el código correspondiente a los títulos:
```
<title><data:blog.pageTitle/></title>
```

Sustituye ese código por el siguiente condicional:

<b:if cond='data:blog.pageType == "item"'>
 <title><data:blog.pageName/> | <data:blog.title/></title>

<b:else/>
 <title><data:blog.pageTitle/></title>
</b:if>

De este modo los títulos para la página principal, archivos y etiquetas quedan sin cambios (nombre blog:elemento) y los títulos de las entradas quedan optimizados (nombre entrada | nombre blog).

¿Porqué no se optimizan también los títulos de página principal, archivos y etiquetas? En la mayoría de los casos no es conveniente pues los buscadores pueden confundir el contenido de una entrada particular por el de una etiqueta o archivo, elementos donde la información no queda estática. Incluso Blogger en el archivo robots.txt los ha excluido automáticamente.

Este detalle no hace magia con los buscadores, pero si les ayuda a clasificar mejor el contenido de tus artículos, además puedes complementarlo optimizando las URLs de tus posts.

TUTORIALES DE BLOGGER EN VIDEO

2008-05-09T07:41:00.000-07:00

Recognized Expert, a recolectado más de 100 videotutoriales que te enseñaran a usar Blogger desde cero hasta el uso de todas las opciones del panel y de varios widgets. En total son más de 7 horas de entrenamiento que te permitirá conocer todo el funcionamiento de Blogger.

Aca una pequeña muestra este es el inicio lo basico de lo basico

DEMASIADAS Redes de blogs: cantidad/calidad

2008-05-08T17:28:00.000-07:00

Via Loogic.

Me acabo de encontrar con una nueva red de blogs, 60 blogs de una tacada y la que hace la red número 70 (por lo menos)

Algunas reflexiones sobre el mercado de las redes de blogs:

1) La competencia está afectando seriamente a la marcha de muchos de los que nos dedicamos al negocio de los blogs. Existen temáticas en las que hay docenas de blogs que escriben de lo mismo, por fuerza muchos de esos blogs no podrán obtener buenas posiciones en los buscadores, tendrán cifras de tráfico muy bajas y por lo tanto los ingresos serán muy bajos. Incluso blogs con asentados, con muchos suscriptores, están viendo disminuidos drasticamente sus ingresos por Adsense (nosotros en nuestra red de blogs lo estamos viendo de forma significativa) La verdad es que ahora mismo no veo la forma en la que un blog de gadgets, coches, deportes, cine, … puede llegar a posicionarse mejor que los 30 que ya existen de esos temas, a no ser que se usen técnicas SEO muy agresivas o incluso ilícitas. Qué mueve a un emprendedor a montar una nueva red de blogs cuando ya existen otras 70 iguales? porque si hay algo que destaca poderosamente es la falta de originalidad.

2) El líder sigue siendo de forma abrumadora Weblogs SL, pero fijaros que saca nuevos blogs con cuentagotas y en lo que está centrado es en mejorar la rentabilidad de los blogs que ya tiene o en diversificar sus ingresos por medio de ofrecer servicios a empresas. Los temas en los que pueden competir y hacer dinero ya los han cubierto, ahora irán sacando blogs “por gusto”, pero con los ingresos que tienen y la situación de dominancia es lógico aminorar la marcha y centrarse en mejorar, sobre todo en ser más rentable. En la empresa siempre dicen que no han obtenido y no buscan financiación, están ganando dinero suficiente como para crecer de forma orgánica, pero han comentado la opción de buscar dinero para crecer a nivel europeo. Lo que no se es si en Weblogs SL están por la labor de complicarse la vida comprando otras redes de blogs en países como Francia, Alemania o UK.

3) El segundo en discordia debe seguir siendo Hipertextual aunque desde la entrada como inversor de Martin Varsavsky parecen haber quedado paralizados. Si realmente buscan competir con el líder van a tener que currárselo más, pero quizás su intención no sea competir, solo disfrutar con su trabajo y por lo que veo eso lo saben hacer muy bien. Quién viene detrás de Hipertextual? Por calidad, que no por cantidad (esto de las estadísticas no es lo mio) creo que MediosyRedes por un lado y BlogsFarm por otro, son las que mejor se están posicionando en el sector. Para mi sobretodo la segunda y aunque su promotor se pase la mitad del año de vacaciones, hay que reconocer que están creciendo mucho y haciendo cosas muy interesantes con sus redes temáticas de blogs.

4) Tras estas cuatro redes creo que es donde tenemos que empezar a diferenciar entre calidad y cantidad o entre redes sociales profesionalizadas y redes sociales de aficionados. Como hay tantas redes no me voy a poner a decir cuáles me parecen profesionales y cuales no, pero si que me planteo cuál será el futuro de aquellas redes que no se profesionalicen, acabarán desapareciendo? serán compradas por otras? Esto de la compra de unas redes por otras parece que se ha quedado en agua de borrajas, hay pocas redes que se hayan lanzado a comprar otros blogs y creo que lo más normal ha sido la compra de blogs de forma individual. Hay un problema claro a la hora de que una red de blogs compre a otra y es el de las temáticas, porque en la mayoría los temas de sus blogs son comunes. Qué hace una red de blogs con dos blogs sobre gadgets, videojuegos, software, …?

5) Llegaremos a ver 100 redes de blogs? lo que parece una locura quizás no lo sea tanto, el euro no para de subir y el petróleo lo mismo (perdon por la comparación que no viene al caso). Pero lo que si que tendremos que asumir es que hay dos velocidades en esto de las redes de blogs, como he dicho antes las que están profesionalizadas y las que no. Lo malo es que en muchas ocasiones ambas vías se juntan y para la gente que no está en el sector (empresas, agencias, instituciones, …) puede ser bastante difícil entender cómo funciona todo esto. También hay un aspecto a destacar y es que hay redes muy profesionalizadas, que tienen muy claros sus objetivos y que seguramente son muy rentables, pero que sin embargo apenas hacen ruido y no se las suele considerar dentro de las principales redes de blogs. Con esto quiero decir que hay tantos factores entorno a las redes de blogs que es realmente difícil clasificarlas y valorarlas.

6) Y ahora qué? mi opinión es que con redes de blogs con el modelo actual ya hay poco que hacer, lo cual no quiere decir que algunos lo intenten y lo consigan (tengo una gran habilidad para equivocarme) Pero donde si que veo oportunidades interesantes es en la puesta en marcha de blogs profesionales independientes. Viendo los rankings de blogs a nivel mundial destaca que la mayoría de los blogs no pertenecen a redes de blogs sino que son blog independientes. Los casos de Terchcrunch o Mashable son claros pero hay otros muchos blogs de todo tipo de temáticas, sobre todo de política. Tienen sentido montar en España un blog independiente sobre política? Y cuando digo política, creo que también en temáticas como Medio Ambiente, Celebridades, Economía, Salud, … pueden ser aún interesantes para emprender.

Links de tener un Blog

2008-04-26T18:17:00.001-07:00

revisenlos.........