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.

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]

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:

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.

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; ?>

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

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.

Las hojas de trucos o cheat sheets, son algo que muchos programadores utilizan.  Algunos hasta han impreso versiones gigantes de esas hojas  y las han pegado en la pared, enfrente de su PC para cuando tienen dudas.  Así, solo levantan la vista y pueden ver como deben utilizar una instrucción.

Para los que trabajan con jQuery o recién comienzan, la gente de Technology to Software creó una compilación de hojas de trucos, de las cuáles yo elegí las 10 mejores a mi parecer y a continuación se las muestro, cada una con su enlace para descargarlas.

jQuery 1.3 Cheat Sheet Wallpaper

jQuery 1.3 Cheatsheet

jQuery 1.3 Visual Cheat Sheet

jQuery 1.4.2 Visual Cheat Sheet

jQuery API

jQuery Selectors

jQuery Validator Cheat Sheet

jQuery 1.2

jQuery UI Effects Cheat Sheet

jQuery Selectors Cheat Sheet

Hoy les alcanzamos un tip que quizas les venga de mil maravillas a todos, en esta época de Social Media y donde lo mas importante es compartir conocimientos.

Desde el blog de un amigo de la casa Luis Carlos Parrado Sanchez @lcparrado les acercamos una manera distinta de agregar el botón de “COMPARTIR” sin usar los tipicos plugins.

Aquí como hacerlo:

Para añadir botones al final de nuestros posts que enlacen a diferentes redes sociales sin ningún tipo de plugin, hay que tocar un poco los archivos single.php, index.php y style.css de nuestro Theme de WordPress. En este caso voy a explicar como poner los botones de Facebook. Meneame, Twitter, Delicious y Goole Buzz

Lo primero es descarga de este link los iconos correspondientes a cada res social
Luego colocamos el siguiente código en el estilo css, en este caso style.css:

.socials {font-size:11px;font-weight:none;margin-bottom:10px;background-color:#ffffff;border: 1px solid #dddddd;padding:5px 5px 5px 30px;width:593px;margin-left:10px}
.socials a {margin-right:10px;color:#999999;}
.btn_twitter {background:url(images/twitter.png) left no-repeat; padding-left:18px;}
.btn_facebook {padding-left:20px;}
.btn_delicious {background:url(images/delicious.png) left no-repeat; padding-left:20px;}
.btn_meneame {background:url(images/meneame.png) left no-repeat; padding-left:20px;}
.btn_buzz {background:url(images/buzz.png) left no-repeat; padding-left:20px;}

En el archivo index y style pega el siguiente código donde quieras mostrar los botones:

<div style=”margin-top:0px;”>
<a class=”btn_twitter” href=”http://twitter.com/home?status=<?php the_title() ?><?php the_permalink(); ?> en <?php bloginfo(’name’); ?>”>Comp&aacute;rtelo en Twitter</a>
<a name=”fb_share” type=”icon_link” href=”http://www.facebook.com/sharer.php”>Facebook</a><script src=”http://static.ak.fbcdn.net/connect.php/js/FB.Share” type=”text/javascript”></script>
<a href=”http://www.meneame.net/submit.php?url=<?php the_permalink() ?>&amp;title=<?php the_title() ?><?php bloginfo(’name’); ?>” title=” Enviar a Men&eacute;ame” target=”_blank”> Enviar a Men&eacute;ame </a>

Y por ultimo guardamos nuestros archivos y los subimos al servidor.

Acá dejo el código de cada botón para los que no les interesa el diseño que yo implementé.

<a href=”http://twitter.com/home?status=<?php the_title() ?><?php the_permalink(); ?> en <?php bloginfo(’name’); ?>”>Comp&aacute;rtelo en Twitter</a>

Twitter:

<a href=”http://twitter.com/home?status=<?php the_title() ?><?php the_permalink(); ?> en <?php bloginfo(’name’); ?>”>Comp&aacute;rtelo en Twitter</a>

Facebook:
El codigo lo pueden hacer desde este link

Meneame:

<a href=”http://www.meneame.net/submit.php?url=<?php the_permalink() ?>&amp;title=<?php the_title() ?><?php bloginfo(’name’); ?>” title=” Enviar a Men&eacute;ame” target=”_blank”> Enviar a Men&eacute;ame </a>

Delicious:

<a href=”http://del.icio.us/post?url=<?php the_permalink() ?>&amp;title=<?php the_title() ?>” title=”Guardar en del.icio.us” target=”_blank”> Guardar en del.icio.us </a>

Google Buzz:

<a href=”http://www.google.com/reader/link?url=<?php the_permalink() ?>” title=”Enviar a Buzz” target=”_blank”>Enviar a Buzz</a>

Fuente: Lcparrado blog

Uno de los programas más fáciles para crear themes para WordPress es Artisteer, con él, en cuestión de minutos, podemos llegar a crear un theme completo y en algunos casos complejo.  Con este programa no necesitamos de ningún conocimiento, ya que configurando parametros, en forma visual, es lo único que debemos hacer, ya que del desarrollo del mismo se encarga el software en forma totalmente automática.  La única contra es que es comercial y debemos de pagar por él.

En cambio para las personas que tienen conocimientos sobre gráficos y utilizan Photoshop, pueden descargar un software, llamado Divine Project, que partiendo de un fichero PSD, fichero propietario de Photoshop, les permite crear un theme para WordPress, en forma casi automática y digo casi automática ya que teniendo la imagen, asifnamos las partes a cada parte de la plantilla y listo, del resto se encarga Divine.

La gente de Divine Project asegura que los themes producidos con sus plugin son optimizados para SEO y cumplen perfectamente con los standards.

El plugín incluye un cliente ftp que nos permite instalar el theme directamente en nuestro server.

Excelente recurso a tener en cuenta!