Elegí el color para el diseño de tu sitio web

Para los que no tenemos mucha experiencia en teoría del color o diseño gráfico en general, y ademas tenemos una clara ausencia del buen gusto, muchas veces se nos complica a la hora de elegir los colores para el diseño de nuestro blog o sitio web. Para eso hoy les traigo una solución (parezco vendedor de ómnibus), se trata de 4 sitios web que nos pueden ayudar mucho a la hora de elegir la paleta de colores a utilizar en nuestro diseño.

colorjack

Se trata de:

ColorJack

ColorSchemeDesigner

yafla

y a mi gusto la mejor: kuler (de Adobe Labs)

Insertar AdSense entre posts en WordPress

Hace ya un tiempo, intentando optimizar el blog Moda Económica, insertando todos los anuncios de AdSense que el programa permite, quise colocar bloques entre los post, pero a su vez, no querí­a usar ningún plugin que me permitiera controlar los anuncios de AdSense.

Buscando en la web me encontré con varios sitios que te brindaban el código a insertar y donde colocarlo para que los anuncios de AdSense se mostraran de acuerdo a tus gustos, pero solo uno me dio la solución, aunque tuve que modificar un poquito el código que allí se mostraba.

Debemos modificar el archivo index.php de nuestro , por lo que sugiero que se haga una copia de seguridad, yo no la hice y no tuve problemas, pero en el apuro siempre podemos borrar algo de mas sin querer.

Debemos buscar el siguiente código en el archivo index.php, se encuentra bastante al principio del archivo.

< ?php if (have_posts()) : ?>
< ?php while (have_posts()) : the_post(); ?>

Una vez ahi, debemos pegar antes de ese código:

< ?php $numeropost = 1; $publi = 1; ?>

De forma que quedaría:

< ?php $numeropost = 1; $publi = 1; ?>
< ?php if (have_posts()) : ?>
< ?php while (have_posts()) : the_post(); ?>

Hasta aquí solo hemos inicializado unas variables, que nos servirán para controlar cuantos bloques de AdSense queremos mostrar entre cuantos post.

Ahora vamos a colocar ese bloque, buscamos este código:

< ?php the_content ….

    .

    .

    .
<?php endwhile; ?>

Y justo encima de esta ultima linea, colocamos el siguiente código:

< ?php if ($numeropost <= $publi) { echo ‘[AQUI CODIGO DE GOOGLE ADSENSE]‘; } ?>
< ?php $numeropost++; ?>

De esta forma, el código quedaría mas o menos así:

< ?php the_content(’Seguir leyendo… &raquo;’); ?>
<h4>Por < ?php the_author(); ?></h4>
 < !– end post –>
< ?php if ($numeropost <= $publi) { echo ‘<script type=”text/javascript”>< !–
    google_ad_client = “pub-xxxxxxxxxxxxxxxx”;
    /* 300×250, creado 2/03/09 */
    google_ad_slot = “9081969334″;
    google_ad_width = 300;
    google_ad_height = 250;
    //–>

    <script type=”text/javascript”
    src=”http://pagead2.googlesyndication.com/pagead/show_ads.js”>
    </script>’; } ?>
< ?php $numeropost++; ?>
< ?php endwhile; ?>

Obviamente donde dice google_ad_client, las xxxxxxxxxxxxxxxx equivalen a tu numero de editor.

Así lograremos colocar Google AdSense entre el primer y el segundo post, si quisiéramos colocar otro bloque entre el segundo y tercer post, tan solo deberíamos modificar el valor de la variable $publi dándole el valor 2.

Fuente original: Tamba2

Obtener mas comentarios, modificando el formulario de WordPress

Hace un tiempo leí una entrada de Aeromental en la que decían que habían triplicado el numero de comentarios rediseñando el formulario de comentarios, a raíz de eso comencé a observar los comentarios en los blogs que administro, y note que me sucedía exactamente lo mismo, que muchos lectores al no saber que poner en el campo “Sitio Web” ponían palabras sueltas, URLs erróneas (Que al final son links rotos en nuestro blog), y varias cosas mas, por lo que supuse que ademas, algunos lectores no se animarían a comentar por no saber que poner en ese campo.

formulario-comentarios

Antes de que salte algun purista del diseño web, voy a aclarar que yo no tengo idea de diseño web, ni de programación, ni de PHP, ni de CSS, ni de nada, por lo que si consideran que alguno de los cambios realizados al código es una aberración a las buenas costumbres, me pasan el código como debería ser y lo cambio :)

Lo primero que hice fue editar el archivo comments.php:

Busque esta parte del código:

<input id="author" name="author" type="text" value="&lt;?php echo $comment_author; ?/&gt;" tabindex="1" />
<label for="author"><small>&lt; ?php _e("Nombre", 'studiopress'); ?&gt; &lt; ?php if ($req) echo __("(requerido)", 'studiopress'); ?&gt;</small></label>

<input id="email" name="email" type="text" value="&lt;?php echo $comment_author_email; ?/&gt;" tabindex="2" />
<label for="email"><small>&lt; ?php _e("E-Mail (no será publicado)", 'studiopress'); ?&gt; &lt; ?php if ($req) echo __("(requerido)", 'studiopress'); ?&gt;</small></label>

<input id="url" name="url" type="text" value="&lt;?php echo $comment_author_url; ?/&gt;" tabindex="3" />
<label for="url"><small>&lt; ?php _e("Sitio web (si tienes)", 'studiopress'); ?&gt;</small></label>

Y la sustituí por:


<span style="float: right;">
<input id="url" name="url" type="text" value="&lt;?php echo $comment_author_url; ?/&gt;" tabindex="3" />
<label for="url"><small>&lt; ?php _e("Sitio web (si tienes)", 'studiopress'); ?&gt;</small></label></span>

<input id="email" name="email" type="text" value="&lt;?php echo $comment_author_email; ?/&gt;" tabindex="2" />
<label for="email"><small>&lt; ?php _e("E-Mail (no será publicado)", 'studiopress'); ?&gt; &lt; ?php if ($req) echo __("(requerido)", 'studiopress'); ?&gt;</small></label>

<input id="url" name="url" type="text" value="&lt;?php echo $comment_author_url; ?/&gt;" tabindex="3" />
<label for="url"><small>&lt; ?php _e("Sitio web (si tienes)", 'studiopress'); ?&gt;</small></label>

Si observan, lo que hice fue agregar [/html]

al código del campo del formulario donde se deja la dirección del sitio web, luego ubique el campo al principio del formulario, con eso ya cambiamos la posicion de este campo.

Luego, hice que el fondo quedara de color gris, como para diferenciarlo del resto del formulario y de alguna manera quitarle importancia, esto lo hice editando el archivo style.css, busqué la parte del estilo del formulario que en mi caso era así:

#author, #email, #url {
background: #FFFFFF !important;
width: 250px;
color: #333333;
font-size: 12px;
font-weight: normal;
margin: 5px 0px 0px 0px;
padding: 3px 0px 3px 5px;
border: 1px solid #DDDDDD;
display: inline;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}

y la cambié por:

#author, #email {
background: #FFFFFF !important;
width: 250px;
color: #333333;
font-size: 12px;
font-weight: normal;
margin: 5px 0px 0px 0px;
padding: 3px 0px 3px 5px;
border: 1px solid #DDDDDD;
display: inline;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}
#url	{
background: #E8E8E8 !important;
width: 250px;
color: #333333;
font-size: 12px;
font-weight: normal;
margin: 5px 0px 0px 0px;
padding: 3px 0px 3px 5px;
border: 1px solid #999999;
display: inline;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}

Es muy simple, solamente quite el id “url” y lo puse aparte, copié todo y solo modifiqué el valor para “background

En unas semanas les cuento si el experimento resulta favorable :)

Concurso: Invitaciones para Google Wave

Amig@s de Lagoogle-wave-logodo Geek, como aquí alentamos la idea de que siempre se está a tiempo de subirse a la ola, es que ponemos a tu disposición 5 invitaciónes para Google Wave.

El requerimiento para ganar una de las 5 invitaciones, es que crees un screencats en el que dibujes el logo de Google Wave y nos digas que utilidades piensas que le vas a dar.

Para realizar el screencats te recomendamos Screenr.com que es ideal para la creación de pequeños videos.
Screenr.com funciona con tu cuenta de Twitter asi que luego de creado el video solo tendras que poner en los comentarios el link de tu screencast
Si aún no tienes tu cuenta, ¿que estás esperando para pasar por los comentarios y postear tu video?.

Directorio sin reciproco

Cuando hablamos de Directorios sin reciproco para quienes trabajamos en internet sabemos que son muchos los que podemos encontrar si buscamos bien, pero cuantos de ellos cumplen con algunos requisitos como por ejemplo que sea en español, que nos valide rápido, y que no este penalizado, ahí la lista se reduce.

Por ello quiero recomendarles un directorio sin reciproco que me parece geenial, no se piensen que me equivoque al agregar una “e” de mas sino que el directorio que les estoy recomendando es Geenial.com, un directorio español, en el que nos aprueba los enlaces en un máximo de 48 a 72 hs.

logo-geenial

Algo que además se valora son los criterios de selección, no están permitidas las páginas en ingles por lo que es 100% español, ni ninguna página de las que todos sabemos son ilegales, así como también páginas que no aporten nada al usuario los que algunos suelen llamar minisitios de publicidad, o con contenido para nada relevante como pueden ser los famosos copy / paste.

Cabe destacar que si bien es un directorio sin reciproco, nos da la opción del reciproco pero esto queda a criterio de cada uno, si vale saber que los sitios se ordenan por los que más visitas envían, por ello habría que ver que nos conviene, pero eso es a criterio de cada uno.

Los invito a que visiten este directorio sin reciproco, que les aseguro no se arrepentirán y nos cuenten sus impresiones.

¿Conocen otro directorio como para recomendar? que sea realmente bueno, esperamos sus comentarios para ir armando una lista de directorios, que creo que a todos nos beneficiara para nuestros proyectos.

Widget para listas de Twitter

Lista

Excelente ha sido la implementación de listas por parte de al igual que el widget que han puesto a disposición de los usuarios .
A partir de tu listas o de otros usuarios puedes crear un widget en el que puedes reunir información relevante de todo tipo.
La creación es muy sencilla y personalizable. Luego de finalizada te saldrá un código que podrás insertar en tu site o blog.

La lista que ilustra es cortesia de @websalto bajo el list name uruguayos.

¿Como ha sido tu experiencia con las listas?, ¿y el widget lo has usado?.

Wallpapers Halloween

Navegando por la web nos encontramos con esta excelente colección de wallpapers halloween, en la entrada original cuentan con 55 wallpapers de halloween para descargar.

Les dejamos algunos de los wallpapers que podemos encontrar para descargarnos a nuestro pc.

wallpaper-halloween wallpaper-halloween-1

wallpaper-halloween-2

wallpaper-halloween-3

wallpaper-halloween-4

wallpapers-halloween

Google Social Search

El gigante de internet, ha lanzado en versión beta un nuevo servicio referente a Social Search, con esta nueva herramienta lo que nos permite es tener un rastro sobre lo que aportan o novedades de nuestros contactos en Redes Sociales o blogs.

Actualmente la herramienta de Google Social Search se encuentra en etapa experimental, con ella vamos a encontrar toda la información de nuestros contactos ya sea cuando publiquen en blogs o webs con contenido público, así como también en las Redes Sociales tales como Facebook o .

El acceso al servicio ya que como dijimos es experimental se puede realizar si somos usuarios de Google, en este caso lo que nos mostrara será la información de nuestros contactos de correo electrónico Gmail o páginas que incluya el Google Profile.

Sobre este nuevo servicio Google insiste que el mismo es totalmente independiente del acuerdo que cerrara con Twitter semanas atrás para ofrecer mensajes de Twitter en los resultados de búsqueda del buscador.

Les dejo el video sobre el Social Search

El futuro de Google Wave

Mientras el debate sobre como y para que vamos a utilizar Wave está hace varias semanas sobre la mesa, ya han aparecido usos muy creativos, como esta wave basada en Pulp Fiction, creada por Joe Sabia de Whirled Interactive.

Sobre las utilidades de Google Wave aún están por verse, ya que está en nosotros inventar en qué vamos a utilizarlo.

Windows Live Writer para WordPress

windows-live-writer

Windows Live Writer es sin duda uno de los mejores, sino el mejor producto que ha hecho Microsoft después de Windows 98 SE, hoy por hoy me parece que Live Writer es el mejor editor para WordPress que existe, el único detalle que estaba faltando, era poder manejar bien los “Custom Fields”, estos campos personalizados en las entradas de , tienen múltiples usos, entre ellos, uno de los mas importantes a la hora de hacer un post, es el SEO.

Si usamos el plugin All IN ONE SEO Pack en nuestro blog, (o cualquier otro del estilo), ahora podemos ingresar los Metadatos para el SEO desde el Windows Live Writer con este nuevo plugin hecho por el mismo equipo desarrollador de Microsoft, y presentado el 26 de setiembre en el WordCamp de Seattle, pueden chequear el blog del equipo de desarrollo.

El plugin para el Windows Live Writer se instala muy fácil, solo descargamos el .dll y lo guardamos en la carpeta C:/Archivos de programa/Windows Live/Writer/Plugins, luego iniciamos el programa y ya veremos habilitados los 3 plugins que acabamos de instalar. ¿Por qué tres? Porque es uno para poder usar los custom fields, otro para moderar comentarios aprobándolos o marcándolos como spam, y el tercero (el menos útil) para cambiar el TagLine de nuestro blog, todo desde nuestro Windows Live Writer.

Espero que lo prueben y me digan que resultado les dio!