Las utilidades online gratuitas están a la hora del día en la red, parece como si quisieran sacarle el lugar a los programas de escritorio de siempre. Los editores de imágenes aparecen de forma online para programas como Photoshop, GIMP, Pixelmator, etc, pero a pesar de ser online y gratis, todavía les falta mucho para asemejarse a los grandes programas que utilizamos desde nuestra PC y sin conexión alguna.

1. Pixer.Us
2. Photoshop Express
3. Pixenate
4. Picture2Life
5. Snipshot
6. Picnik
7. Cellsea
8. Pixlr
9. Improve Your Images
10. EasyCropper
11. Phixr
12. FlauntR
13. Splashup
14. Resizr
15. Online Image Editor

Hay una gran cantidad de imágenes gratis, cerca de 500, con gran resolución y catalogadas en 18 secciones para descargar libremente. Algunas secciones destacadas: fotos de superficie de asfalto, aluminio, murallas, concreto y superficies de metal entre otros. Estas texturas resultan ideales para ser usadas en backgrounds o usos específicos.

• Enlace (Inglés): Free Stock Photos, Images, Backgrounds and Digital Art.

Otra web interesante para descargar texturas:

• Enlace (Inglés): Imágenes de texturas a gran resolución.

Si algo me gusta de algunos themes, son los iconos con la fecha de publicación del artículo al lado del título. Seguramente a vos te pase lo mismo, pero justo diste con un theme que te gustó mucho, pero no cuenta con este icono que muestre la fecha de tus post como a vos te gustaría.

Como lograr insertar éste icono en tu theme?

Primero subís la imágen que utilizarás de fondo en al mostrar la fecha. Esta imágen la deberás subir al theme que utilizás actualmente dentro de la carpeta “Images”.

Luego pegás el siguiente código en la hoja de estilo (style.css)

CSS:

.the_date {

display:block;

text-align: center;

float:left;

font-family: Arial, Helvetica, sans-serif;

background: url(images/pink.png) no-repeat;

width:60px;

}

.date_m {

display:block;

font-size: .9em;

margin:0;

padding:0;

font-weight: bold;

text-align:center;

}

.date_d {

display:block;

font-size:1.4em;

margin:0;

padding:0.7em 0 1.3em 0;

text-align: center

}

Si observás el código en ésta parte “images/pink.png” ahí deberás modificarlo y poner el nombre que lleve tu imágen, en mi caso, guarde la imagen en la carpeta “images” de mi theme, y la imagen se llama “pink.png”.
Una vez pegado el código anterior en nuestra hoja de estilo, te dirigís Plantilla de la página principal (index.php), y pegamos este siguiente cádigo:

PHP:

<div class=“the_date”><span class=“date_m”></span> <span class=“date_d”></span></div>

Si querés que el icono de fecha aparezca al lado izquierdo del tíitulo de tus post tenés que  buscar la propiedad

PHP:

 <?php the_permalink(); ?>

y pegarlo justo antes de todo eso. Para que te quede claro, te dejo esta imágen, lo resaltado en AZUL es el código que yo pegue.

Como ves lo pegué antes de todo lo subrayado en color rojo, que es el Link permanente que mostrara el título del post.

PACK DE IMAGENES PARA LAS FECHAS

Ahora creo que lo único que te falta es bajar iconos para utilizarlos en tus diferentes diseños, Entonces te dejo este PACK de 26 iconos para las fechas de tus post, todos de diferente color y en formato PNG. Puede que sean más grandes de lo normal, pero eso no es una complicación, le reducís el tamaño con cualquier editor de imágenes.

Descargar Pack de Imágenes

Xybernéticos nos muestra como podemos mejorar estéticamente los anuncios de Google Adsense. Los resultados son realmente buenos y lindos, y con un par de simples códigos podés adaptarlos al diseño de tu blog. El sitio recopila unas 29 ideas para mejorar estéticamente tus anuncios, obvio son ideas, vos pés mejorar los diseños a tu gusto o usarlos como guía. Veamos un ejemplo practico de cómo los adaptaríamos.

Como todos sabemos en Google Adsense podemos especificar el color de fondo que tendrá nuestro anuncio, el color de los enlaces, del texto, etc.

Suponiendo que nuestra paleta de colores de Adsense se compone de estos colores:

Fondo Color: #333333
Borde Color: #333333
Texto Color: #888888
Links Color: #FFFFFF
URLS Color: #888888

CSS:

1. #ad_code { background:#ffffff url(images/blackquare.png) center center no-repeat;

2. width:163px; height:166px;

3. padding-top:15px;

4. text-align:center; }

Ya con nuestro código en la hoja de estilo, solo resta encerrar nuestro código de Google Adsense dentro del div que acabamos de crear en la hoja de estilo.

HTML:

1. <div id=“ad_code”>

2. <!– Cambiar solo esta línea por tu código de Google Adsense –>

3. </div>

Resultado final:

Descarga Imagen de fondo utilizada en este código Css. Supongo que sabrás que hacer con esta idea para implementarlos en tu blog y crear diseños nuevos para ti. Por cierto, podrás ver las otras 29 ideas para mejorar estéticamente tus anuncios y los códigos CSS utilizados en cada uno de ellos.