Pikipimp es una utilidad online con la que podrás editar fotos que subas. Se pueden subir todo tipo de formatos de imágenes, algunos de ellos son JPEG, JPG, PNG, GIF, TIFF. Y es un servicio gratuito y no es necesario registrarse para utilizarlo.
Algunas de las ediciones de imágenes que podrás realizar son:
- Cambiarle la boca (boca con aparatos, sacando la lengua, tamaños diferentes de bocas, etc.)
- Perros (agregr una cola de perro, hocicos, ojos, orejas y caras)
- Se le pueden agregar detalles como explosiones, estrellas, lunas, arcoiris, etc.
- Diferentes tipos de bikinis, anteojos de playa, de fiesta, de sol.
- Animales varios.
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.
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.
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 01.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:
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.
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:
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.
<!– Cambiar solo esta línea por tu código de Google Adsense –>
</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.
