Y Bueno, esto me pudo, extraño montones el contacto con la blogoesfera, asi que estoy impulsando un nuevo proyecto, por lo que este es un aviso, KEY TRUCOS no va mas, ahora todos a KEY TOTAL Magazine, a full a partir del 8/4/2011. Los espero !!!! .... (PROBLEMAS CON VARIOS LINKS, SCRIPTS ETC. PACIENCIA) ^_^
PREMIOS
Visiten Garilandia !!! • Importante !!! Leer sobre VillaRochel ^_^
Aportes varios CARATULWORLDZilfarionTutoriales Wed • Cabecera de OLOMAN

Imagen en Autor, Categoría, Comentarios, Fecha

. 6.8.07
  • Agregar a Technorati
  • Agregar a Del.icio.us
  • Agregar a DiggIt!
  • Agregar a Yahoo!
  • Agregar a Google
  • Agregar a Meneame
  • Agregar a Furl
  • Agregar a Reddit
  • Agregar a Magnolia
  • Agregar a Blinklist
  • Agregar a Blogmarks
  • Enviar a Ayuda Blogs

Esta es una simpática manera de personalizar tu blog, aunque ya varios lo están aplicando, depende de cada uno la originalidad.
Se trata de aplicar imágenes tipo iconos en los comentarios, autor, categoría, etiquetas ect...
Primero tenés que localizar el lugar donde vamos a hacer las modificaciones, entonces nos situamos en:

Panel/Diseño/Plantilla/Edición de HTML
Buscamos en nuestra plantilla ]]></b:skin> y justo antes aplicamos estos códigos:

Para poner una imagen en Categoría o Etiquetas:

.post-labels
{
padding-left:20px;
padding-top:5px;
background: url(URL DE LA IMAGEN) center left no-repeat; }

Para poner una imagen en Comentarios:

.comment-link
{
padding-left:20px;
padding-top:5px;
background: url(URL DE LA IMAGEN) center left no-repeat; }

Para poner una imagen en (Publicado por) o Autor del blog

.post-author
{
padding-left:20px;
padding-top:5px;
background: url(URL DE LA IMAGEN) center left no-repeat; }

Para poner una imagen en la fecha de la entrada:
Panel/Diseño/Plantilla/Edición de HTML y buscamos

/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}

Lo cambiamos por:

/* Posts
-----------------------------------------------
*/
h2.date-header {
padding-left:20px;
padding-top:35px;
background: url(URL DE LA IMAGEN) center left no-repeat;

(En padding-top podés variar el valor y mirar en vista previa para ver la distancia entre la imagen y la fecha)

Las imagenes tipo icono son de 16X16 o 32X32, y podrás encontrarlas facilmente en Graphicpush,Sweetie, Fasticon, Pinvoke, E lusion, Thinkwasabi, Intersmash, Crystal Clear, Famfamfam, Somerandomdude, o en html-kit.com/faviconpodés crear tu favicon, desde la imagen que eligas.

Es importante que siempre antes que hagas un cambio en la plantilla guardes una copia, por si el truco no te funciona o no te gusta puedas volver a lo que tenías.
Nada es infalible...^_^

Seguir Leyendo...[+/-]