Pisito en Madrid

En el rediseño de pisito he incluido cabeceras dinámicas, es decir, cada vez que entres saldrá de forma aletoria una imagen con una frase distinta en la parte superior del blog. También he hecho lo mismo con la mascota de pisito, el caracol. Poco a poco iré añadiendo nuevos así que si tienes frases o ideas para el Sr. Snails, puedes comentarlas en este post. El caso es que he recibido algunos emails y tweets preguntando cómo hacerlo. El proceso es muy sencillo.

Los pasos a seguir con PHP son:

• Nombra las imágenes que tengas con el mismo nombre pero añadiendo un número al final, de forma consecutiva, y súbelas al mismo directorio en tu servidor.
• Genera un número aleatorio entre 1 y el número de imágenes distintas que tengas, y guárdalo en una variable. Esto en PHP se lleva a cabo con la función rand(1,número de imágenes).
• Mediante HTML muestra la imagen, pero a la hora de poner el número tendrás que usar la variable de PHP con el número aleatorio.

Aquí tienes un ejemplo del código completo. Como es WordPress he usado funciones para mostrar la descripción (bloginfo(‘description’)), la url de la imagen (bloginfo(‘template_directory’)) y el nombre del blog (bloginfo(‘name’)) de forma automática pero sino lo único que tienes que hacer es cambiar esas partes de forma manual. De esta forma mostrarás cabeceras, mascotas y cualquier imagen de forma aleatoria. ¿Fácil, no?

Llevaba tiempo queriendo renovar la barra lateral y meterme un poco más con el tema de la publicidad en Pisito. No me gustan los blogs con dos barras laterales pero echaba de menos algo más de espacio en la de Pisito. Por fin este fin de semana me puse a darle caña y conseguí estirar la barra pasando de 200px a 260px.

Estirar un theme es relativamente sencillo: ensanchas las imágenes (suelen ser header, footer y background) y luego recolocas el cuerpo central (donde están los posts) y el sidebar. Además pensando en la gente con resoluciones bajas (de 1024×768 para abajo) modifiqué el código de la mascota de Pisito, para que no estuviera oculta detrás del theme sino siempre encima (gracias Araque por la ayuda). El nuevo código es:

# lateral {
position: fixed;
right: 0;
bottom: 0;
display: block;
height: 234px;
width: 150px;
background: url(images/toy/lateral.png) bottom right no-repeat;
text-indent: -999em;
text-decoration: none;
*display: none;
}

Este código iría dentro del CSS y luego hay que llamarlo desde archivos que se carguen siempre, por ejemplo el footer.php, y de la siquiente manera: < div id = "lateral" >< / div >. Una vez hice esto estaba todo preparado para meterme con el tema de la publicidad.

El tema de publicidad es algo complicado. Después de haber probado diferentes servicios, me quedo sin lugar a duda con la publicidad directa. Es la más complicada de conseguir pero creo que es el sistema que más beneficia a ambas partes. El hecho de tener un contacto directo entre anunciante y blogger facilita que haya una cierta flexibilidad en cuanto al trato de la publicidad y el blogger se preocupe más porque el banner triunfe para que renueve mes a mes, aconsejando cómo debe ser el banner y donde debe estar para ser más efectivo con sus visitantes.

Además de la sección de sitios recomendados en la barra lateral, donde encontraremos a uno de los primeros anunciantes de Pisito: Locoria; he habilitado cuatro cuadrados de 125x125px donde colocar la publicidad en la parte superior de la misma. Nuestro anunciante más reciente en esta sección es El Jinete Pálido, blog de cine, series y televisión realmente muy completo, con contenidos muy interesantes y un nivel de actualización bastante alto.

Por otra parte he adoptado el sistema de publicidad visto en JRMora y que recientemente ha comentado mi amiga Loretahur. La posición es privilegiada y su reducido tamaño hace que el coste sea bastante inferior a los demás banners. Ya hay dos blogs, No soy director de cine y Furia contra la máquina, que han apostado por esta publicidad y estoy seguro de que repetirán. ¿Te animas a ser patrocinador de PisitoenMadrid?