Weblog Stuff

Más de 100 Gadgets-Widgets gratuitos para Blogger y Wordpress

2012-07-28T07:33:00.001-07:00

Carlos Soler desde el 2009 viene llevando a cabo una compilación de distintos gadgets para Blogger y Widgets para Wordpress, que hace unos días atrás actualizó completamente, verificando cada uno de ellos, corrigiendo los errores y enlaces desactualizados.

Es una compilación genial con reproductores de música, redes sociales, visitas en tiempo real, chats y muchos otros muy útiles. Particularmente no soy muy amigo de usar gadgets o widgets, ya que suman tiempo a la carga de la página de un blog y me ha sucedido que a veces crean conflicto y producen errores.

No hace mucho tenía instalado un widgets de popularidad que comenzaba a trabajar perfectamente, pero con el correr del tiempo, aumentaba considerablemente el tiempo de carga de cada una de las páginas de GeeksRoom.

Como dice Carlos, debe de existir un equilibrio y por supuesto que eso se logra con prueba y error. No carguen más de un gadget o widget y prueben, si ven que todo va bien, luego de un tiempo en que están seguros que no produce ningún conflicto.

Enlace: directorio de gadgets y widgets

Wordpress: WP Smush.it plugin para optimizar imágenes

2010-11-05T03:30:00.000-07:00

WP Smush.it es un plugin para Wordpress que te permite optimizar la imágenes, tanto las viejas como las que subes por primera vez a tu server.

Este plugin tiene la posibilidad de convertir de GIF a PNG y también de remover información de ficheros JPEG.

Este trabajo que lleva a cabo reduce el tamaño de las imágenes en forma considerable.

Entre las características más importantes tenemos las siguientes:

Quita meta data de ficheros JPEGs

optimiza la compresión JPEG

Convierte algunos GIFs en PNG indexados

Quita los colores que no se utilizan de las imágenes indexadas

Una vez instalado, cada vez que subimos una imagen, este plugín la optimiza automáticamente, sin que nosotros tengamos que hacer nada.

Con las imágenes que subimos antes de instalar WP Smush.it, podemos optimizarlas en forma manual y esto lo hacemos entrando en la librería de Media o biblioteca de objetos, haciendo clic en el enlace Smush.it Now!, por cada una de las imágenes que queremos optimizar.

Protege tu instalación de Wordpress a través del fichero .htaccess

2010-11-01T04:31:00.000-07:00

.htaccess es un fichero muy poderoso que nos permite definir diferentes directivas de configuración para cada directorio de la instalación de Wordpress u otro CMS que utilize el servidor web Apache. Hoy les voy a mostrar como, a través de este fichero, podemos proteger nuestra instalación de Wordpress.

Muchos desarrolladores web no lo tienen en cuenta, pero existen muchos peligros que pueden afectar nuestra instalación de Wordpress como por ejemplo la inyección de secuencias de comandos o intentos de modificación de la variable _REQUEST o del cambio de variables globales PHP.

Para evitar esto solo deben de editar el fichero .htaccess y agregarle las siguientes líneas de código (por las dudas hagan un respaldo del fichero que editarán),

Options +FollowSymLinks
RewriteEngine On
RewriteCond %{QUERY_STRING} (\<|%3C).*script.*(\>|%3E) [NC,OR]
RewriteCond %{QUERY_STRING} GLOBALS(=|\[|\%[0-9A-Z]{0,2}) [OR]
RewriteCond %{QUERY_STRING} _REQUEST(=|\[|\%[0-9A-Z]{0,2})
RewriteRule ^(.*)$ index.php [F,L]

Con esto solo ya están resguardados de esos peligros que les comenté anteriormente.

Wordpress: colocar un ad después del primer post en el loop

2010-10-31T05:30:00.000-07:00

Este es un truco facil para la plataforma Wordpress, que nos va a permitir colocar un aviso de Adsense u otra red de avisos publicitarios en la portada de nuestro blog, después del primer post.

Solo debemos de reemplazar el loop, por el siguiente código y listo. Como podrán observar al loop le agregamos un contador con la variable $count que al detectar el primer artículo publicado inserta el código del aviso.

No se olviden de incluir el código del ad en la línea 6.

<?php if (have_posts()) : ?>
<?php $count = 0; ?>
<?php while (have_posts()) : the_post(); ?>
<?php $count++; ?>
  <?php if ($count < 3) : ?>
          /Reemplazar esta línea con el código del ad
          <?php the_excerpt(); ?>
   <?php else : ?>
          <?php the_excerpt(); ?>
  <?php endif; ?>
<?php endwhile; ?>
<?php endif; ?>

[Fuente WP Recipes]

Wordpress: Separar los comentarios de los trackbacks

2010-10-29T08:30:00.000-07:00

Los comentarios en la mayoria de los blogs de Wordpress los vemos mezclados con los trackbacks y a veces, de acuerdo a su número, se hace imposible seguir algunas conversaciones.

Una salida a este problema es separar los comentarios de los trackbacks y así presentar una sección mucho más organizada.

Para ello solo tenemos que copiar unas líneas de código y listo.

Antes de comenzar con los pasos a seguir para llevar a cabo este procedimiento, es recomendable que hagan un respaldo del fichero comments.php que es el que vamos a modificar.

1) deben de buscar por la siguiente línea de código en Comments.php

<?php foreach ($comments as $comment) : ?>

Una vez encontrada, deben de copiar las siguiente dos líneas y pegarlas después de esa instrucción que encontraron

<?php $comment_type = get_comment_type(); ?>
<?php if($comment_type == 'comment') { ?>

2) Buscar por la siguiente línea de código en el mismo fichero,

<?php endforeach; /* end for each comment */ ?>

Copiar la línea de código que sigue y colocarlas antes del código que encontramos

<?php } else { $trackback = true; } /* End of is_comment statement */ ?>

3) Por último buscar por la siguiente línea de código

<?php else : // this is displayed if there are no comments so far ?>

Copiar las siguientes líneas y colocarlas antes de la línea que encontramos

<?php if ($trackback == true) { ?>
<h3>Trackbacks</h3>
<ol>
<?php foreach ($comments as $comment) : ?>
<?php $comment_type = get_comment_type(); ?>
<?php if($comment_type != 'comment') { ?>
<li><?php comment_author_link() ?></li>
<?php } ?>
<?php endforeach; ?>
</ol>
<?php } ?>

Una vez terminado, guardan el fichero y listo, a partir de ahora tendran organizadas su sección de comentarios.

[Fuente HongKiat]

Los 5 mejores plugíns de redes sociales y marcadores para Wordpress

2010-10-27T05:30:00.000-07:00

Una de las cosas que no puedes dejar de hacer con tu blog, si es que quieres que se enteren de lo que escribes la mayor cantidad de gente posible, es compartir tus artículos en las redes sociales y sitios de marcadores (bookmark).

Además, llevar a cabo eso, es un muy buen servicio que le prestamos a nuestros lectores, ya que cuando les gusta un artículo seguramente lo querrán compartir con sus amigos y la forma más simple es que le permitamos el envío de ese articulo a las redes sociales y servicios de marcadores en los cuales ese lector interactúa diariamente.

A continuación les listo los que a mi entender son los 5 mejores plugins para llevar a cabo esta tarea y entre ellos está el que utilizo al final de todos los posts de WeblogStuff, que fue creado por un grupo de desarrolladores españoles.

1) Follow Me

Este plugin nos permite elegir que redes sociales y servicios de marcadores podemos usar. El usuario, presiona un botón en nuestro artículo y le aparecerá una ventana popup como la de la imagen, en donde elegirá el sitio en donde quiere compartir el artículo leído.

2) Sexy Bookmarks

Sexy bookmarks nos ofrece una visual muy bonita y la posibilidad de elegir entre muchisimos servicios y redes sociales para enviar nuestro post. Viene en varios idiomas, entre los que se encuentra el español.

3) IC-Social

Como les comenté al principio, este es el plugin que utilizamos aquí en WeblogStuff. Un plugin creado pór españoles, con las redes sociales y marcador más utilizado: Facebook, Twitter, Delicious, Reddit, Meneame y Bitacoras.com. Viene escrito en español y su configuración es muy facil.

4) Share and Follow

Este plugin, además de compartir tu artículo, permite que invitar a tus lectores a que te sigan en tu red social favorita. Tiene muchas opciones y formas de presentarlo en tus posts.

5) KnxDT Bookmarks

Este plugin inserta una barra al final de tus artículos, con los siguientes servicios de marcadores y redes sociales: Meneame, Digg, Delicious, Fresqui, Technorati, Yahoo, Google, Facebook, Enchilame, Bitacoras, Wikio, FriendFeed, Twitter y tambien coloca un icono para enviar un email recomendando el post (usando servicio de feedburner).

Recuerden, estos son los que más me gustan a mi y considero los mejores. Si ustedes les gusta algún otro plugin por sobre estos, no duden en dejar el comentario!

Antivirus para Wordpress

2010-10-26T03:30:00.000-07:00

Antivirus es un plugin para Wordpress que protege tu blog de exploits e inyecciones de spam.

Es muy simple, se instala, se activa y listo, ya comienza a trabajar. lo único que debemos configurar es introducir nuestra dirección de email para que nos envíe las notificaciones, si es que le indicamos que haga un scan diario de nuestra instalación de Wordpress.

También podemos llevar a cabo un scan manual en cualquier momento y para ello tenemos la opción en el panel de administración del plugin.

Las principales características de este plugin son las siguientes,

Listo para Wordpress 3.x tanto en diseño como técnicamente

Detecta WordPress permalink back door

Prueba manual con un resultado inmediator de los ficheros infectados

Ejecución automática diaria con notificación vía email

Lista blanca: permite marcar ficheros sospechosos como "No virus"

Multilenguaje: Inglés, alemásn, italiano, persa y ruso

Hotlink Protection, plugin que te ayuda a evitar hotlink de tusimágenes en WordPress

2010-10-25T09:26:00.000-07:00

Me imagino que a nadie le gusta que le usen la banda ancha de su cuenta y menos enlazando a las imágenes alojadas de su blog.

Una de las cosas que pueden hacer es incluir un par de instrucciones en el fichero .htaccess en el directorio raiz de donde tienen instalado su Wordpress, pero existe una forma mucho más facil que esa, sin necesidad de andar editando ficheros.

Se trata de un plugin desarrollado por un programador alemán, que muy facilmente nos ayuda a evitar que hagan hotlink de nuestras imágenes.

El plugin se llama Hotlink Protection y una vez después de instalarlo, solo debemos de indicarle el path de la carpeta donde tenemos alojadas las imágenes de nuestro blog. Por defecto trae el path de la carpeta Uploads, pero si usamos otra, debemos de indicarselo en el formulario de la administración de este plugin.

Cada vez que requieran ver una imagen de nuestro blog, les aparecerá una imagen como la siguiente.

Igualmente podemos cambiar y utilizar otra imagen para que muestre cuando quieren hacer hotlink. Para hacer esto solo marcamos la opción de usar custom images y subimos la imagen que queremos en el folder del directorio del theme que están usando.

Enlace de descarga del plugín: Hotlink Protection

Gana más con Google Adsense, sigue tres recomendaciones básicas!

2010-10-22T04:30:00.000-07:00

Hace un par de días atrás, en el blog oficial de Google Adsense, publicaron 3 recomendaciones muy básicas para las fiestas de fin de año, que quizás muchos conocen, pero que no todos practican.

La experiencia de haber usado Adsense por mucho tiempo me ha enseñado que aún con el cambio más básico, se puede provocar un cambio fundamental en el comportamiento de los visitantes con respecto a seguir un enlace de publicidad o no.

Por eso, cuando leemos alguna recomendación de la gente de Adsense, por más simple que sea, debemos de prestar atención y probar.

Debemos de llevar a cabo lo que comúnmente se conoce como prueba y error. Lo bueno de Adsense es que podemos probar por unos día e inmediatamente podemos ver los resultados y evaluar si nos conviene o no.

A continuación les voy a listar las nos ofreció la gente de Google Adsense en su blog, aquí se las voy a listar:

Implementar las unidades de anuncios en el área conocida como Above the Fold o sea cuando ingresamos en nuestro sitio Above the Fold significa todo lo que vemos primero en la portada, sin hacer scroll (desplazamiento) hacia abajo de la página. Allí los usuarios es lo primero que ven de tu blog, salvo que tengan un enlace directo a un artículo en especial!

Cuando es posible por el diseño del blog, utilizar tamaños de anuncios de alto rendimiento. Por ejemplo se pueden usar el rectángulo medio (300x250), rectángulo grande (336x280), leaderboard (728x90) y skyscraper (160x600).

Configurar las unidades de anuncios para que muestren texto e imágenes, para que todos los anuncios relevantes del inventario de anuncios de Adsense compitan para aparecer en tu blog. Muchas campañas de anuncios están armadas solo con imágenes, por eso recomiendan que configuren las unidades de anuncios con texto e imágenes para sacarle el mayor provecho.

Es necesario aclarar que esto no es una formula matemática perfecta, ya que no funciona en todos los blog de igual manera y Google Adsense al recomendarnos esto, se basa en probabilidades. Por lo que vuelvo a insistir, prueba y error! Es la mejor manera de que sepamos en forma concreta que es lo que nos conviene.

10 recursos para tu Tumblr

2010-10-21T06:39:00.000-07:00

Se que no se van a sorprender si les digo que Tumblr es la solucion para la gente que desea bloguear sin muchas complicaciones y para aquellos que no lo saben, Tumblr es un servicio que te permite compartir tus ideas, fotografías, video, música con todo el mundo, de una manera simple y facil.

Pero aunque Tumblr es simple y facil, no por eso deja de ser poderoso, aunque a veces para ayudarlo debemos de utilizar otros recursos.

A continuación quiero compartir con ustedes 10 recursos para Tumblr que te ayudarán a mejorar tu blog y tu tarea de bloguer.

1) 40 Themes premium gratuitos

1stWebDesigner

2) TumblTape

Convierte tu Tumblr en una lista de reproducción (Playlist) Cada vez que incluyas un tema musical, automáticamente pasará a ser parte de un playlist

3) Tumblr Tag Cloud Creator

Generador de nube de etiquetas

4) Dial2Do

Convierte mensajes de voz en texto y lo publica en tu Tumblr y otros servicios(30 días gratis y luego 3,99 dólares por mes o 39,99 al año)

5) Zemanta

Es un add-on para el Navegador que ayuda ofreciendote enlaces, imágenes, artículos, etiquetas y otros elementos que tienen que ver con lo que estás escribiendo.

6) TumblrHelper

Add-on para Google Chrome que permite crear plantillas para el post, agregar una firma y otros elementos para complementar el post.

7) Psolenoid

Permite crear enlaces de artículos relacionados de otros blogs

8) Postling

Aplicación en línea que permite escribir artículos y publicarlos, con un editor mucho más poderoso que el que nos ofrece el mismo Tumblr

9) TumblrStats

Servicio en línea que te muestra las estadísticas de cualquier blog en Tumblr

10) Pikchur

Con Pikchur puesdes publicar imagenes en Tumblr desde tu móvil, email o MMS.

Agregar el botón I Like de Facebook en tu blog [Wordpress]

2010-10-19T03:30:00.000-07:00

Últimamente estoy viendo algunos comentarios que un poco en broma, un poco en serio, se burlan de la red social más grande del Planeta, Facebook.

Muchos de ellos bloggers, que evidentemente no ven sus estadísticas internas y no se dan cuenta que Facebook es una fuente invalorable que los puede ayudar y mucho al momento de contabilizar visitas únicas y por ende monetizar su blog.

Nos puede gustar más Twitter que Facebook o MySpace, pero no por eso debemos de dejar de prestar atención a una red social que potencialmente nos puede enviar miles y miles de lectores. Claro, si hacemos las cosas como corresponde.

Una de esas cosas tiene que ver con la interacción de los lectores de tu blog, la cuál te ayudará a promover tu blog en Facebook.

Para hacer eso, deben de tener el botón que le permite a los lectores decir que ese artículo que has escrito les gusta y lo publiquen en su Wall.

Colocar uno es de lo más facil, solo tienen que copiar el siguiente código y pegarlo en una parte visible de la página que muestra el artículo o sea de single.php.

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

Con ese código verás el ícono de la siguiente forma y además, a medida que los lectores hagan clic en el, se irá incrementando el contador que muestra la cantidad de personas a las que les gustó el artículo.

Cuando los lectores hagan clic en el botón I Like, en su pared de Facebook aparecerá un mensaje como el ejemplo siguiente, en el que recomiendo una página de cupcakes en New York:

WordPress: mostrar el número de suscriptores de Google Feedburners en texto

2010-10-18T03:30:00.000-07:00

Con esto terminamos esta serie de pequeños tutorials para mostrar en forma diferente la cantidad de seguidores, fans, suscriptores a nuestros mayores servicios para promover nuestros blogs. Hoy por supuesto, el más antiguo de todos, Google FeedBurners que se encarga de mostrar nuestras noticias a través de nuestras RSS feeds.

El procedimiento para llevar a cabo esto es tan facil como el que vimos con los seguidores de Twitter, solo debemos de copiar el siguiente código PHP y colocarlo en el lugar que queremos que aparezca la cantidad de suscriptos a las feeds, ya sea en la cabecera, barra lateral, pié de página o simplemente en el espació de contenido principal (posts).

Una vez que copiamos el código PHP y antes de emplazarlo en el lugar que queremos, debemos reemplazar "YOUR FEED ADDRESS" por la dirección de tus feeds en feedburners.

<?php

$url = file_get_contents('https://feedburner.google.com/api/awareness/1.0/Get

FeedData?uri=YOUR FEED ADDRESS');

$begin = 'circulation="'; $end = '"';

$page = $url;

$parts = explode($begin,$page);

$page = $parts[1];

$parts = explode($end,$page);

$fbcount = $parts[0];

if($fbcount == '') { $fbcount = '0'; }

echo '<div> '.$fbcount.' Suscriptores </div>';

?>

Así de simple tendremos nuestro número de suscriotores a Feedburners en texto y como les dije en los otros dos minitutorials, queda en ustedes hacerlo más o menos atractivo. Así como está, verán la siguiente leyenda : xxx Suscriptores. Pueden cambiar Suscriptores por el texto que quieran y además pueden agregarle un ícono de feeds delante o después del código.

Wordpress: mostrar el número de fans de Facebook en texto

2010-10-15T04:39:00.000-07:00

Ayer les comenté sobre como mostrar el número de seguidores de Twitter en modo texto, así que hoy les voy a comentar cómo hacer lo mismo pero con la cantidad de fans de tu página en Facebook.

Respecto a esta red social, el proceso es un poco más complicado, pero no es dificil, solo que lleva un poco más de tiempo. Este tutorial es del sitio HongKiat y lo tuve que modificar un poco, ya que algunas cosas cambiaron en el sitio de Facebook.

Antes de continuar, recuerden que si modifican cualquier fichero en su blog es Recomendable que primero hagan un respaldo de esos ficheros!

A continuación los pasos a seguir.

1) Obtener un API key y Application Secret.

Para ello debemos tener una cuenta de Developer (desarrollador) y no se asusten que cualquiera la puede obtener. Si no la tienen, se crean una.

Una vez que tenemos nuestra cuenta de Developer, vamos a Aplicaciones y luego a Developer, como bien pueden ver en la siguiente imagen

Ahora veremos un botón similar al siguiente que nos invita a crear una aplicación, click en el!

Nos aparecerá una pantalla como la que tienen a continuación en donde escribirán un nombre de aplicación, cualquiera nombre que le quieran dar y no se asusten que no crearán una aplicación, solo que para conseguir el API Key y la Application Secret, necesitan seguir todo el proceso.

Presionamos Create Application, luego nos pide llenar un Captcha, clave para saber que somos reales y no un robot. Pasamos a otra pantalla de Información básica, en la cuál no deben de hacer nada, solo presionar el botón Save Changes y por último ingresamos en la pantalla en donde entre otras cosas nos muestra nuestro API Key y Application Secret. Tomamos nota de los dos y continuamos.

2) Obtener Page ID (Identificación de Página)

Page ID es la URL de nuestra página de fans, si no tienen una, deben crearla. Una vez que la crean, los números del final de la URL son el Page ID. Como por ejemplo la página de fans de GeeksRoom es la siguiente facebook.com/pages/GeeksRoom/xxxxxxxxxxxxx , la Page ID son la serie de números que están al final de la URL de la página (en el ejemplo las x), tomen nota de esos números.

3) Obtener la Facebook API PHP SDK

Necesitan obtener el código Facebook.php y subirlo a su directorio raiz donde tienen instalado Wordpress. Copian el código, lo colocan en un fichero al que nombrarán Facebook.php y lo suben a su directorio raiz de Wordpress.

4) Mostrar en nuestro blog la cantidad de fans en modo texto

Copiamos el siguiente código y reemplazamos app_id, secret_key y page_id con los datos que obtuvimos en pasos 1) y 2). Ahora lo incluímos en uno de los ficheros PHP del nuestro theme de Wordpress (yo lo probé en Header.php).

<?php

require_once('facebook.php');

$facebook = new Facebook(array(

'appId' => 'app_id',

'secret' => 'secret_key',

'cookie' => true,

));

$result = $facebook->api(array(

'method' => 'fql.query',

'query' => 'select fan_count from page where page_id = page_id;'

));

$fb_fans = $result[0]['fan_count'];

?>

Por último debemos agregar la siguiente línea de código en el lugar en que queremos que aparezca la cantidad de fans de Facebook, en mi caso lo probé en Header.php, o sea en la cabecera. Recuerden, esto nos entrega un número, queda en nosotros agregarle un ícono y la frase que creamos conveniente, por delante o detrás de ese número de fans como por ejemplo tienen en el sitio PSDeluxe.

<?php echo $fb_fans; ?>

Wordpress: Mostrar el número de seguidores de Twitter en texto

2010-10-14T05:30:00.000-07:00

En muchas ocasiones los contadores que nos presentan algunos servicios como Feedburner o Twitter no se adaptan perfectamente a la visual de nuestro blog. Para solucionar eso en Wordpress, hoy les comento sobre un truco que les permite mostrar el número de seguirdores de Twitter en formato texto.

No es difícil, solo copian el código que les voy a mostrar, reemplazando NombredeUsuario con su nombre de usuario de Twitter y lo ponen en el lugar del theme que les guste.

Lo pueden colocar en la cabecera, en la columna de contenido, en la barra lateral o en el pié de página, no importa donde.

<?php
$twit = file_get_contents('http://twitter.com/users/show/NombredeUsuario.xml');
$begin = '<followers_count>'; $end = '</followers_count>';
$page = $twit;
$parts = explode($begin,$page);
$page = $parts[1];
$parts = explode($end,$page);
$tcount = $parts[0];
if($tcount == '') { $tcount = '0'; }
echo '<div><strong>'.$tcount.' </strong> Followers</div>';
?>

Así como está, reemplazando solo el nombre de usuario, por ejemplo de un usuario que tenga 544 seguidores les dará la siguiente leyenda:

544 Followers

Por supuesto que para hacerlo más bonito le pueden agregar un gráfico del pájaro azul y alguna leyenda delante o después del número de followers (en este último caso reemplazando Followers por la leyenda que quieran dentro del código).

Error 404 en Wordpress, identificación y solucion

2010-10-13T09:50:00.000-07:00

Una de las cosas a las que muchos usuarios de Wordpress, especialmente los novatos, no le prestan atención es al famoso error 404 en Wordpress.

El error 404 es cuando un usuario quiere acceder una página dentro del blog y esta no existe. La mayoría de las veces es debido a un cambio en la estructura de enlaces (permalinks), pero también existen otras causas como por ejemplo código erroneo en la página search.php, lo que deriva en direcciones erróneas que nos entregan el error 404. También podemos recibir errores 404 en las imágenes.

Uno de los más grandes problemas que acarrea esto es que aumenta considerablemente el Bounce Rate, que es el porcentaje de usuarios que entran a nuestro sitio ven una página y abandonan nuestro blog. Eso es algo que debemos solucionar lo más pronto posible ya que denota falta de interés del usuario por nuestro sitio y no es bueno si queremos monetizar el blog.

Otro de los graves daños que pueden causar este tipo de errores es cuando los bots de los motores de búsquedas encuentran muchos errores 404 en tu blog, ya que si son demasiados puede darse el caso de que te sancionen.

Lo que deben de hacer primero es identificar el problema y luego tratar de resolverlo o al menos minimizarlo para que no nos cause tanto daño.

¿Como identificamos esos errores 404?

Usar Google Webmaster Tools, Allí se puede ver una lista de los errores 404 que GoogleBot detecta cuando visita nuestro sitio. (deben de estar suscriptos).

Utilizar un plugin como por ejemplo 404 Notifier, el cual nos avisa de cualquier error 404 que se genera en nuestro blog.

Otro plugin que nos puede ayudar es el JH 404 Logger. Este plugin agrega un widget en el panel de administración que nos muestra los errores 404 que se producen.

¿Cómo resolvemos o tratamos de que esos errores 404 nos causen el menor daño posible?

Podemos solucionar esos errores o al menos tratar de que no nos dañen tanto utilizando uno de los siguientes plugins:

Smart 404 Elimina en forma automática las páginas de error 404. Si un visitante recibe un error 404, este plugin busca otros posts similares. Si encuentra más de uno que se acerque a la URL que dió el error, entonces entrega una lista de las todas las url's que encontró.

The Free 404 Plugin Generra una página 404 personalizada que incluye una lista de posts relacionados a cualquier palabra que tenga la URL original.

WP 404 Images Fix Con este plugin podemos atacar el error 404 de las imágenes, ya que permite reemplazar esas imágenes con una imagen por defecto que nosotros le indicamos. También nos dá la opción de esconder completamente la imagen si es que no existe.

Redirection Este plugin detecta errores 404 y permite enviar a una página de redirección 301. Lo que nos permite enviar al usuario a una página diferente.

AlertFox, controla tu blog las 24 horas del día

2010-10-12T03:30:00.000-07:00

Que estar las 24 horas pendiende de un blog, es algo que nadie puede hacer, ni aún los profesionales que viven de esto. Para ello existen algunos servicios que monitorean un sitio web y cuando algo fuera de lo normal sucede, avisan al webmaster del problema.

Hoy leyendo el blog de mi amigo Gustavo Martinez, me entero de un nuevo servicio llamado AlertFox que monitorea sitios Web. Pero además del clásico control de estar en línea o no, también nos permite ver el rendimiento de los sitios que se basan en aplicaciones de Internet (RIA), incluido AJAX, Flash, Flex, HTML complejo y la tecnología Silverlight.

AlertFox puede controlar sitios como Facebook Apps, Juegos Flash YouTube o Google Docs. Cosa que antes no se podía hacer con otros servicios.

Este servicio posee dos tipos de cuentas, una gratuita y otra paga. La cuenta gratuita, además del servicio de monitoreo para saber si un sitio está o no en línea, también incluye el monitoreo de transacciones libres, cosa que ningún sitio de monitoreo gratuito ofrece.

5 fuentes de inspiración para diseñadores y bloggers

2010-10-11T06:20:00.000-07:00

Que a veces, por más práctica que tengamos en cualquier tarea que llevemos a cabo, cuando la inspiración no existe, no hay forma de que la hagamos brotar así por sí sola.

Por eso, lo mejor en esos casos es dejar lo que estamos haciendo y ponernos a ver la TV, ir a caminar, escuchar música u otra cosa que nos distraiga, salvo que se nos haya puesto en la cabeza que no nos vamos a dar por vencidos y es ahí que necesitamos ver algo que tenga que ver con lo que hacemos, algo que nos inspire.

Por eso hoy les traigo 5 recursos que pueden ser la fuente de inspiración de cualquier diseñador y/o blogger, para crear o utilizar en sus sitios.

Les aclaro que estos sitios deben de agregarse a los favoritos como complemento de sitios como Smashing Magazine, Noupe, Hongkiat y otros, que por obvias razones no los enumero en estas fuentes de inspiración, ya que todo el mundo los conoce.

A continuación esas fuentes:

1) I Love Typography

En este sitio, creado por John Boardley, podemos encontrar todo lo que tiene que ver con fuentes. Es uno de los servicios que me gusta más al momento de buscar inspiración cuando tengo que crear un banner o cualquier proyecto que incluya fuentes.

2) LogoPond

Tienen que crear un logo y la inspiración no les fluye? aquí tienen infinidad de logo que pueden servir de fuente de inspiración para crear el mejor logo que se haya creado hasta el momento.

3) Veerle's Blog

Un blog de diseño con unos modelos, gráficos y recomendaciones muy buenas. Solo con ver algunos de sus diseños, podemos llegar a inspirarnos por un buen rato.

4) Cork Dump

Un sitio que tiene una lista ordenada de recursos para diseñadores. Una lista para tener a mano!

5) CSSDesignYorkShire

Más de 5.000 diseños de webs y blogs que servirán de fuente de inspiración para cualquier diseñador.

[Imagen del comienzo CC The Judders]

Descripción de la subasta de anuncios Adsense [Video en Español]

2010-10-09T03:30:00.000-07:00

Me entero a través del blog 140Geek sobre un video, subtitulado en español, en el que Val Varian, economista en jefe de Google, nos explica detalladamente como se lleva a cabo la subasta de anuncios en Adsense, ya que en muchas ocaciones varios publicadores de ads del servicio Adsense le preguntaron sobre los precios que pagan por cada anuncio.

Despues del salto el video y además los siguientes trucos que la gente de 140Geek se encargó de pasar a texto:

A continuación los trucos:

Sigue creando sitios de gran calidad con contenido original para atraer a más anunciantes y utiliza Google Analytics para ver qué contenido está generando ingresos.

Intenta incorporar a tus páginas formatos populares para los anunciantes, como el rectángulo mediano de 300×250.

Convierte tus criterios de seguimiento en ubicaciones de anuncios orientables que ayuden a los anunciantes a identificar y orientar ubicaciones preferentes de tus páginas.

Prueba a buscar las mejores ubicaciones de tus anuncios y asegúrate de que tus diseños no generan clics accidentales.

20 servicios en línea para transformar tus imágenes

2010-10-07T05:30:00.000-07:00

Ser blogger profesional no es fácil, a veces tenemos que publicar una noticia o escribir sobre un tema candente y no precisamente estamos en el mejor lugar para hacerlo, ni con las herramientas necesarias, especialmente cuando nos encontramos de viaje o en algún lado donde no tenemos nuestra laptop, con nuestros programas favoritos.

Por supuesto que no me estoy refiriendo a escribir el texto de una artículo, si no mas bien a otros elementos que son parte de un post como por ejemplo las imágenes.

No todos los sistemas tienen nuestro editor de imágenes favoritos, pero si necesitamos si o si incluir una imagen en el artículo, de alguna forma tenemos que hacerlo y salvo que
tengamos la suerte de que podamos utilizar una foto que tiene las medidas exactas y se puede ver perfectamente, tendremos que modificar esa imagen.

Por eso hoy les quiero mostrar una lista de 20 recursos en línea para transformar imágenes que podemos usar desde cualquier sistema conectado a Internet. Recuerden que son servicios con funciones de edición básicos, en algunos casos nos permiten editar una imagen y aplicarle filtros, pero de ningún modo con estos recursos podemos llegar a reemplazar a un editor como Photoshop.

1. Cut my Pic

2. Changes Images

3. Pho.to

4. MugTug

5. Aviary

6. Citrify

7. PicTreat

8. PicNik

9. FotoFlexer

10. Phixr

11. Pixenate

12. Pixer.US

13. PicJuice

14. Rsizr

15. Quick ThumbNail

16. EzyImageResizer

17. SuperLame

18. Wanokoto

19. Thilt Shift Generator

20. PicMarkr

[Imagen del comienzo CC por AdriaGarcia]

Facebook Members, plugín para Wordpress

2010-10-06T03:30:00.000-07:00

Una de las formas de atraer lectores a un blog que se está utilizando mucho últimamente es mostrar tus fans de Facebook con el widget oficial de esa red social, que además muestra el icono de I like.

Este plugín utiliza ese widget oficial, sin él no funciona, ya que necesita de su código.

Lo diferente de Facebook Members es que facilmente nos permite colocar el cuadro de fans en cualquier página o post de nuestro blog, como así también en la barra lateral.

En el panel de administración tenemos opciones para manejar altura y ancho del cuadro, número de fans a mostrar, mostrar o no las news que toma directamente desde nuestra página en Facebook y por último nos permite modificar la cabecera y el scrooling.

Una vez instalado y configurado, solo debemos agregar la siguiente línea de código en el lugar que queremos que aparezca el cuadro de nuestros fans de Facebook: < !--facebook-members-- >

En cuanto a colocarlo en la barra lateral, solo entramos en Administración de Wordpress, Apariencia/Widgets y allí tenemos el widget de Facebook Members, solo lo arrastramos a la posición de la sidebar que lo queremos ubicar y listo.

Wordpress 2.6 para iOS ya se puede descargar...... pero antes de hacerlo lo pensaría.

2010-10-01T02:24:00.000-07:00

La nueva versión de Wordpress para iOS, ya esta disponible para su descarga, pero les aconsejo que esperen antes de descargarla, ya que varios usuarios están teniendo problemas para conectarse a su sitio o se cuelga la aplicación, inclusive algunos perdieron algunos borradores de posts que habían comenzado con la versión anterior de esta aplicación.

Wordpress 2.6 para iOS entre otras cosas permite agregar vídeo a nuestros posts, maneja mucho mejor los borradores y agrega la característica de autoguardado.

Nosotros sufrimos el problema y todavía estamos esperando a que el equipo de desarrolladores arregle este problema.

En el blog oficial de Wordpress para iOS hay reportes de que algunos usuarios solucionaron el problema con solo desinstalar la aplicación y volver a instalarla, pero no es nuestro caso.

La primera vez que la instalamos nos daba error en el nombre de usuario y password, desinstalamos y volvimos a instalar. Ahora, si bien puedo acceder a los comentarios y a las páginas, cuando intento acceder a los posts, me tira un error y no puedo verlos.

Así que esperaremos a que solucionen este problema y les comentaremos más sobre esta nueva versión.

Los 10 mejores sitios con colecciones de themes para Wordpress

2010-09-29T04:00:00.000-07:00

A diario vemos colecciones de iconos, themes y otros elementos que muchos utilizan en sus instalaciones de Wordpress. Muchas de esas colecciones en realidad poseen muy pocos themes que valen la pena utilizar.

Sin embargo, tenemos algunas colecciones que nos muestran themes que a uno se le hace difícil elegir. Se que muchos pensarán, pero esos themes tan buenos y populares los usan muchos y nuestro blog será lo mismo que los otros. La recomendación aquí es que no utilicenthemes así como los descargan, pues si, tienen razón en pensar que su blog se va a parecer a otros. Cuando descargan un theme deben de darle el toque que lo haga diferente a los demás.

Una prueba de ello es GeeksRoom y su theme actual. El mismo es el llamado Magazeen, que descargué de Smashing Magazine. Si comparan el theme actual de GeeksRoom con el theme original, se darán cuenta que cambió y mucho! De todos los themes que busqué en su oportunidad, este era el mas útil para nuestro blog. Así y todo, tenía cosas que no me gustaban o no le daban la visibilidad que yo quería, por lo que lo adapté a nuestras necesidades.

Actualmente ya estoy creando mis propios themes, como este de WeblogStuff que es uno de mis primeros themes completos.

A continuación tienen una compilación de los 10 mejores sitios y colecciones de themes para Wordpress de acuerdo a mi opinión:

1. Smashing Magazine

100 Free High Quality WordPress Themes: 2010 Edition

2. Noupe

15 High Quality Free Premium WordPress

3. Wordpress.org

Colección oficial de themes aprobados para Wordpress

4. Jauhauri

Jauhauri free Themes

5. SmashingHub

20+ Free Premium WordPress Themes of January 2010

6. Pro-Blog Design

40 Free Premium-Quality Wordpress Themes

7. HongKiat

16 Free Premium WordPress Themes That Don’t Suck

8. Tech 18

100+ Best Free Premium WordPress Themes of Jan 2010

9. WP Explorer

70+ Best Free Wordpress Themes of 2010

10. Graphics Alert

100 High Quality free premium wordpress themes 2010

150 plantillas gratuitas para Blogger y algunos recursos mas

2010-09-27T08:09:00.000-07:00

Existen infinidad de sitios con recursos para Blogger, especialmente con plantillas. Hoy les quiero mostrar algunos, especialmente para aquellos que se inician en esto de los blogs y eligieron el servicio Blogger.

Por ejemplo el sitio Beautiful Beta. cuyo editor es Hans, tiene una infinidad de recursos para Blogger y en especial para realizar cambios en una plantilla para ese servicio.

A continuación tienen un par de enlaces con 150 plantillas atractivas para sitios operados en Blogger, con la sección comentarios actualizado y sus propias estadísticas:

1. Las 14 primeras pantillas atractivas y gratuitas.
2. 136 plantillas gratuitas para Blogger.

Estas que les pasé son algunas de las mejores plantillas para Blogger de todas las que podemos encontrar en la web.

Si tienen tiempo y ganas, puede diseñar una ustedes mismos.

Espero que estos recursos los ayude y si tienen alguno que creen es bueno, no duden en compartirlo a través de los comentarios.

[Fuente GeeksRoom]

Plataformas para gestionar blogs no muy conocidas

2010-09-25T04:00:00.000-07:00

No hace mucho hice una lista de 7 plataformas para gestionar blogs que no son muy conocidas, pero que cumplen la misma función que plataformas como Wordpress, Drupal, Movable Type y otros, que instalamos en un server, ya sea compartido o dedicado.

A continuación tienen la lista de esas plataformas.

Dotclear

Globber

Mi-Dia

Nucleus CMS

Open Blog

SweetRice

TextPattern

En el post fuente tiene una descripción de cada una de estas plataformas.

[Imagen CC Kristina B]

10 sitios con cursos, manuales y recursos para HTML5

2010-09-24T03:00:00.000-07:00

No hace mucho en GeeksRoom, Gustavo escribió un post con una lista de sitios que te explican y además te ofrecen recursos para trabajar con HTML5.

Sin mucho más que decir y para ustedes mucho material muy bueno para leer, aquí les paso la lista de estos 10 sitios sobre HTML5:

WTF is HTML5
Una Infografía del HTML5

Dive Into HTML5
Una explicación muy sencilla de las funciones del HTML5.

HTML5Doctor
Pregunta en foros sobre el HTML5.

HTML5Rocks
Tutoriales para entender HTML5.

HTML5games
Juega en HTML5.

HTML5 Readiness
Mira las características soportadas de HTML5 y CSS3 que tienen los navegadores.

HTML5 Element Reference Table
< La table periódica en HTML5.

HTML5 Test
testea 300 propiedades del HTML5 en los navegadores.

HTML5 Gallery
Especial para desarrolladores web.

YouTube HTML5 Beta
Los vídeos de YouTube en HTML5.