Anteriormente vimos cómo poner un ícono en las etiquetas alterando el código del gadget de etiquetas. Ahora vamos a ver cómo hacer lo mismo pero usando un poco de CSS para no alterar el código original. Este procedimiento también se puede aplicar a otros gadgets como Lista de enlaces, HTML y Feeds.
Primero localiza la ID del gadget, para esto entra a Diseño > Edición de HTML y busca el gadget al que vas a ponerle el ícono, por ejemplo el de las etiquetas es uno como este:
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'/>
Ya localizada esta línea puedes ver la ID del gadget, ahora antes de ]]></b:skin> pega lo siguiente:
#Label1 li {
list-style:none;
padding-left: 35px;
background: transparent url(http://dl.getdropbox.com/u/647003/CiudadBlogger/Iconos/icono_estrella.gif) no-repeat center left;
}
Como puedes ver, se ha puesto la ID del gadget después del signo de gato (#), lo mismo harás con los gadgets a los que quieras ponerle el ícono.
En padding-left, puedes controlar el espacio entre el ícono y el texto, esto lo puedes ajustar a la medida que quieras; lo mismo con el ícono, puedes cambiarlo por el que más te guste sustituyendo la URL que está en color verde.
En padding-left, puedes controlar el espacio entre el ícono y el texto, esto lo puedes ajustar a la medida que quieras; lo mismo con el ícono, puedes cambiarlo por el que más te guste sustituyendo la URL que está en color verde.
Ciudad Blogger
que interesante, podrias decirme porque no aparece para que califiquen mis entradas, pero ya lo active en Diseño/editar entrada.
ResponderEliminarHola el venado,
ResponderEliminarEn algunas plantillas hay que ponerle el código directamente para que funcione, te recomiendo veas este post para ver esa y otras opciones de calificación de estrellas.
Saludos.
Interesante bro... y no sólo nos enseñas a hacer las cosas sino que nos das diferentes alternativas para hacelo. Este blog es geniál!
ResponderEliminarUn abrazo!!!
, pero quisiera saber que plantillas aceptan lo de las estrellas
ResponderEliminarGracias brother, siempre es bueno tener varias opciones, para quien no le funciona una pruebe con la otra.
ResponderEliminarUn abrazo.
el venado,
ResponderEliminarCualquier plantilla a la que le ingreses el código directamente a la plantilla como se explica en el enlace de ese post debe funcionar, es cosa de que hagas la prueba y veas si te resulta.
Saludos.
Mmmm, sabes, por mas que lo intento, no lo logro, . . sera porque es una plantilla pre-diseñada??
ResponderEliminarCariños
Anne
Hola Anne,
ResponderEliminarNo deberías tener ningún problema, pero si este método no te resulta entonces prueba con el otro
Saludos.
HOla y gracias de nuevo por este blog.
ResponderEliminarPodria explicarme como utilizar una plantilla de las que aparecen en blog templates
Gracias
Hola Walter,
ResponderEliminarEn este post vienen las indicaciones de cómo cambiar de plantilla y de respaldar la actual.
Saludos.
P.D. Me encantaron tus dibujos, eres un gran artista.
En realidad no es en relación a este post especificamente. Pero mi duda es la siguente:
ResponderEliminarPuse un ícono en reemplazo del texto para la descarga (link hacia el archivo).
Pasa a verlo y entenderás.
http://musicajpz.blogspot.com/2009/07/travis-best-no-oficial.html
¿Cómo lo dejo al nivel del texto?. Si te fijas esta "elevado" respecto al texto que lo antecede.
Saludos.
Jpz.-
Hola Jpz,
ResponderEliminarUsa el atributo valign="middle" dentro de la imagen, por ejemplo:
<img valign="middle" src='URL de la imagen' />
Saludos.
Incluí el atributo, pero se muestra de igual forma.
ResponderEliminarQue sucederá?
Saludos.
Jpz.-
Yo lo veo perfectamente centrado :S
ResponderEliminarVerdad.
ResponderEliminarPero es sólamente con Google Chrome.
No así con Mozilla o IE.
Saludos.
Jpz.-
Cuando no es uno, es otro, malditos navegadores, jajaja.
ResponderEliminarTal vez puedas tener el resultado modificando la hoja de estilos.
Busca esta parte:
.post img {
padding: 10px;
}
Y cambia el valor del padding, o en su defecto agrega un margin, tal vez con esto lo soluciones.
Saludos.
Ahora sí.
ResponderEliminarExcelente Potro.
Saludos.
Jpz.-
Hola El Potro !
ResponderEliminarTengo una duda por mas que intento no me sale el icono en las etiquetas este es mi blog si me puedes ayudar por favor
http://negociosparaprincipianteseninternet.blogspot.com/
Saludos
Hola Guerrero,
ResponderEliminarNi siquiera veo que tengas puesto el código en la plantilla.
Tienes que poner donde he indicado este código:
#Label12 li {
list-style:none;
padding-left: 35px;
background: transparent url(http://dl.getdropbox.com/u/647003/CiudadBlogger/Iconos/icono_estrella.gif) no-repeat center left;
}
Saludos.
Hola nuevamente
ResponderEliminarYa habia puesto el codigo anteriormente y no me resulto lo volvi a poner pero sigue sin funcionar :S no sabes porque ?
Saludos
Hola de nuevo Guerrero,
ResponderEliminarPega el código antes de esta línea:
/** Page structure tweaks for layout editor wireframe */
Además de eso tendrás que cambiar un poco el código para que se ajuste a los estilos de tu plantilla (algo complicada), quedaría así:
#Label12 li {
list-style:none;
padding-left: 20px !important;
background: transparent url(http://dl.getdropbox.com/u/647003/CiudadBlogger/Iconos/icono_estrella.gif) no-repeat center left;
}
Saludos.
Mil gracias El Potro ! Funciono de maravilla muchas gracias por tu tiempo y por tu ayuda :)
ResponderEliminarSaludos
Qué bueno que ya está funcionando.
ResponderEliminarPuedes usar otra imagen si gustas.
Saludos.
Hola Potro, ya agregué todos los iconos a mis menus, pero solo uno no se pudo el de ARCHIVO, y no entiendo porque, sabes cual sea el problema? Ya verifique el codigo pero aun asi sigue que no aparece el icono.
ResponderEliminarEn el caso del gadget de Archivos es distinto, ahí tienes que expandir los artilugios y buscar esta línea:
ResponderEliminar<li class='archivedate'>
Debajo de ella agrega el código de la imagen que quieres poner.
Y como seria el codigo? Completo com los demas o solo el url de la imagen?
ResponderEliminarPotro ya esta resuelto, perdon y eso del codigo de la imagen ya lo sabia, xD. Gracias por todo, Saludos.
ResponderEliminarQué bueno que ya lo resolviste.
ResponderEliminarSaludos!
Lo que yo he hecho ahí es poner los enlaces en un elemento HTML/Javascript usando este código por cada enlace:
ResponderEliminar<a href="URL del enlace"><img src="URL de la imagen" /> Texto</a>
sabes como hacer para que tenga un icono.. y cuando lo seleccionamos cambie a otro.. ejemplo:
ResponderEliminar"quiero que tenga un icono de un ojo cerrado pero cuando lo seleccionamos con el puntero del maus se habra el ojo"
hay alguna forma de hacer eso?.. lo he visto en otros blogs :D gracias de nuevo por tus tutoriales... sin vos no tubieramos las joyas de plantillas que tenemos hoy en dia.. haces un papel muy importante en la internet ;D
No tengo idea, quizá se logre usando algún script pero sinceramente nunca he visto uno en funcionamiento para decirte más o menos cómo se hace o si se puede en Blogger :s
ResponderEliminarMuchas gracias por tu comentario ;)
Potro,
ResponderEliminarGracias por tu respuesta, he seguido tus consejos pero....no sale nada, siguen los puntitos, vuelvo, por favor a pedir tu ayuda, gracias y un beso
El cierre del código "}" está ubicado en otro lugar, lo tienes así:
ResponderEliminar#Linklist1 li {
list-style:none;
padding-left: 35px;
background: transparent url(http://lh5.ggpht.com/_89k2pNLS5Qk/TM_2rwDS50I/AAAAAAAAAag/eMkSnNgQ1BA/s128/1288696879_medal.png) no-repeat center left;
#LinkList1 {text-align: center;}
}
Y debe ser así:
#Linklist1 li {
list-style:none;
padding-left: 35px;
background: transparent url(http://lh5.ggpht.com/_89k2pNLS5Qk/TM_2rwDS50I/AAAAAAAAAag/eMkSnNgQ1BA/s128/1288696879_medal.png) no-repeat center left;
}
#LinkList1 {text-align: center;}
Saludos.
Muchas gracias, no sé que decir, eres amabilísimo y encantador conmigo y reitero no sé que decir (....)
ResponderEliminarLo he hecho pero los puntitos no se cambian por el dibujo elegido que es una medallita y tampoco queda el texto conforme a su contenedor....¿Se te ocurre en que más puedo estar equivocándome?
Un abrazo
Hola Patricia,
ResponderEliminarVas a tener que disculparme pues cometí un error con el código que te di. Es muy simple pero ese pequeñísimo detalle era el que hacía que no se mostrara la imagen.
El código debe ser este y no el otro:
#LinkList1 li {
list-style:none;
padding-left: 35px;
background: transparent url(http://lh5.ggpht.com/_89k2pNLS5Qk/TM_2rwDS50I/AAAAAAAAAag/eMkSnNgQ1BA/s128/1288696879_medal.png) no-repeat center left;
}
El problema con el otro código es que había puesto Linklist1 es decir, sin la segunda L en mayúscula, y como el nombre del ID es LinkList1 (con las dos L en mayúscula) por eso no funcionaba :S
Pequeño detalle ¿no?
Eso sí, la imagen aunque ya podrás verla es muy grande así que no se verá completa, te recomiendo que busques un icono más pequeño.
Un abrazo y no tienes nada que agradecer :)
Querido Potro,
ResponderEliminarGracias por todo, ha quedado genial y maravilloso con tu sapiencia. He seguido tus consejos y he hecho la imagen más pequeña, de modo que se ve ahora muy bien.
Solo tengo dos, horror ¿verdad?, pequeños problemas.
1. que sigue quedando descuadrado el contenido, no se ajusta a la columna o al contenedor, no sé como llamarlo, y lo mismo me pasa en la columna central de seguidores. ¿Se te ocurre como se podría arreglar el desastre?.
Y claro que tengo mucho que agradecerte, no te quepa la menor duda, que algo se vea o no bonito cuando no tienes ni idea y estás en fase aprender, como es mi caso, y alguien desinteresadamente te ayude es para quedar sin palabras....
Un abrazo
Hola Patricia,
ResponderEliminarEntonces me da gusto saber que aunque sea con poco te estoy siendo de ayuda :)
Busca esta parte en tu plantilla:
#LinkList1 ul{
Debajo de ella agrega esto:
margin-left: -30px;
Con eso habremos hecho que con un margen izquierdo se recorra y así eliminamos ese espacio que tiene.
En el caso de la lista de seguidores ese sí está centrado, si te fijas en el lado superior derecho verás un icono negro, ahí es donde termina el gadget, no donde terminan las fotos. Lo que sucede es que el ancho de ese espacio donde has puesto el gadget le falta un poquito más para poder mostrar otra columna de fotos, pero como no encuentra el espacio no la muestra y da el aspecto que no estuviera centrado, aunque sí lo está.
Un abrazo.
Querido Potro....
ResponderEliminar¿Pero como puedes saber tanto?
¡¡Queda precioso!!
Claro, yo creía que estaba también descolocadao, que desastre.
Entonces, ¿Te parece que retoque un poco las columnas para que se vea más bonito?
GRACIAS, GRACIAS, gracias....
Un beso muy fuerte
Pues podrías probar con aminorar un poco el gadget de las tablas salvavidas para poder ensanchar el de los seguidores para ver cómo se ve. Digo, al menos probando no se pierde nada :)
ResponderEliminarSaludos!
He probado, ¿Que te parece?
ResponderEliminarAhora lo que pasa es que se ve o se nota más la mala separación entre los tres de la izquierda, que no soy quien a dejar monos.
Y otra cosa ¿Se te ocurre algo para que el alto de las tres columnas sea el mismo?
Más besos
Sin duda mejoró bastante.
ResponderEliminarPodrías probar estableciendo un alto para esos tres contenedores agregando esto:
#col1, #col2, #col3 {height:250px;}
Gracias por los besos, otros para ti :)
Perdón por el retraso en contestar a tu amabilidad, lios variados con pedidos y la tienda.
ResponderEliminarHe puesto lo que me dices ¿podrías, por favor comprobar que está en buen lugar?
Por otro lado vuelvo con lo de LinkList y su cierre mal colocado, me dí cuenta que lo había vuelto a guardar mal, así que cambié la llave de cierre, pero queda terrible, de modo que lo he vuelto al error inicial. ¿te parece?.
Por otra parte, la columna de la izquierda ¿Como puedo hacer para que queden las tres cosas en ella incluidas con la misma distancia entre unas y otras?.
Y finalmente, he estado retocando la sidebar, y como puedes ver todo centrado menos el cápitulo Publicado, que no sé si he hecho algo mal, ya que tu explicación era perfecta....
Gracias de nuevo. y como viene siendo habitual ya, un montón de besos
Y tengo otro problema que olvidaba.
ResponderEliminarEl scroll deja de funcionar, es decir, añades direcciones y se salen de la casillita.
Lo puedes comprobar en seguidores, que es como me he dado cuenta.
Por favor, pido tu ayuda nuevamente.
Si es que me meto en cada lio....
Besos
Recuerda que antes de agregar los estilos para otro elemento (o el mismo elemento) debes cerrar con la llave para que estos no pierdan efecto. En vez de estar así:
ResponderEliminar#LinkList1 li {
list-style:none;
padding-left: 35px;
background: transparent url(http://lh5.ggpht.com/_89k2pNLS5Qk/TNKPH8D7B-I/AAAAAAAAAc0/b6ptY1IDkU0/1288696879%2016x16_medal.png) no-repeat center left;
#LinkList1 {text-align: center;}
}
Deben estar así:
#LinkList1 li {
list-style:none;
padding-left: 35px;
background: transparent url(http://lh5.ggpht.com/_89k2pNLS5Qk/TNKPH8D7B-I/AAAAAAAAAc0/b6ptY1IDkU0/1288696879%2016x16_medal.png) no-repeat center left;
}
#LinkList1 {text-align: center;}
En las tres columnas lo veo todo centrado.
Para centrar el título de ese gadget, o de cualquier otro gadget sólo pon debajo del nombre del id la indicación de que el texto debe centrarse, en este caso es así:
#HTML11 h2 {
text-align: center:
Lo del scroll no me ha quedado muy claro, pero si veo que los seguidores se salen un poco, sólo se me ocurre que hagas más alto el contenedor de estos como ya lo habías hecho antes.
Besos.
Querría saber cuál es el código en html de las etiquetas.
ResponderEliminarEs decir el gadget que pones a la derecha o izquierda , "Etiquetas" , bien , lo querría tener en html ¿podrías?
Si no tienes el gadget de Etiquetas puedes ponerlo entrando en Diseño > Elementos de la página > Añadir gadgets, y ahí seleccionas uno que se llama 'Etiquetas'.
ResponderEliminarYa sé Potro , pero quisiera el html , para colocarlo en una página y que sólo se vea ahí
ResponderEliminarEste comentario ha sido eliminado por un administrador del blog.
ResponderEliminarEso no es posible ya que los gadgets de Blogger sólo pueden ponerse en determinadas áreas específicas del blog y nunca un gadget dentro de otro gadget.
ResponderEliminarEn todos esos casos cuando se quieren mostrar las etiquetas del blog con algún otro menú se deben agregar los enlaces manualmente.
gracias potro, al principio no entendia pero ya todo fino gracias men.
ResponderEliminarHola Potro,
ResponderEliminarMe gustaria saber si es posible reducir el tamaño de los iconos de los widgets. Me refiero a los triangulitos (invertidos o hacia los lados) colocados junto a Archivos.
Un saludo y muchas gracias.
Tu seguidor fiel,
Jose
Lamentablemente no, el gadget de Archivos del blog es de los pocos gadgets que no se pueden personalizar demasiado :(
ResponderEliminarMuchas gracias Potro por tu aporte.
ResponderEliminarPues perfecto: Un quebradero de cabezas menos..
Muchisimas gracias.
Jose
potro hice todo los pasos ; pero no aparece el icono:Cual crees que debe ser el problema.
ResponderEliminargracias potro
http://obraspoemas.blogspot.com
Al gadget de texto no se le puede aplicar porque no es una lista ordenada, si pones esos enlaces en un gadget de 'Lista de enlaces' sí podrías hacerlo.
ResponderEliminarGRACIAS POTRO. ESTUVO MUY BUENO
ResponderEliminarERES LO MAXIMO.
DESPUES DE TIEMPO. DECIDI DAR ALGO DE VIDA AL BLOGGER Y PARA HACER ESO NADA MEJOR QUE VISITAR ESTE SITIO.
GRACIAS
Hola!!! Te hago una pregunta mas o menos relacionada con esto, estuve buscando y no encontre nada que me deje contento. El tema es que quiero poner una imagen en lugar de la etiqueta. Es decir, en mi blog www.thehugetravel2.blogspot.com quiero que en lugar del enlace de la etiqueta NZ aparezca una imagen que yo cree. Lei que se podia agregar una imagen en la side bar y esa imagen enlazarla al mismo link que la etiqueta.(no se si me explico bien) pero claro entre imagen e imagen hay un espacio y ya no me gusta como queda!!
ResponderEliminarEntonces o bien elimino el espacio entre las imagenes o bien si existe la posibilidad modifico el html para que en lugar del texto me salga la imagen que yo quiero
Para darte un ejemplo mas claro me gustaria que quede como en este blog (http://www.viajablog.com/)
Muchas gracias por tooooooooda tu ayuda!!
Javier
Hola Javier,
ResponderEliminarHay un menú tipo acordeón que quizá te pueda gustar, las imágenes quedan pegadas y además tienen un efecto deslizante.
Si prefieres no usar scripts hazlo como decías, pon los códigos de las imágenes con los enlaces, pero no des saltos de línea (ENTER) entre cada código, ponlos seguidos para que no se genere ningún espacio. Si aun así hubiera un espacio entonces habría que modificar un parámetro en la plantilla para reducirlo.
Saludos.
hola potro. hice tal y conforme esta en las indicaciones y no muestra cambios : no me aparece nada. espero que me puedas ayudar. gracias
ResponderEliminarhttp://www.obraspoemas.com
Pues en las etiquetas hay unos iconos. Si esos son los que ya traía la plantilla y quieres cambiarlos por otros busca esta URL y cámbiala por la del icono que quieres:
ResponderEliminarhttps://lh3.googleusercontent.com/-NFfPLAYNd98/TnIxDElgkDI/AAAAAAAAGKE/AkiIEBmPt0Q/folder.png
¡Hola, Potro! Esta vez me salió bien en el widget Entradas Populares, y en Etiquetas, pero no me sale nada en los gadgets Entradas Aleatorias y Entradas Recientes, ¿a qué se deberá? Cambio Lebel por Gadget en el código pero nada cambia X(
ResponderEliminarHola Gabriella,
ResponderEliminarEsos gadgets no son listas ordenadas. No estoy seguro que se pueda poner ahí también. Quizá en el de entradas aleatorias puedas hacerlo así:
.bp_item_title {
padding-left: 35px;
background: transparent url(URL del icono) no-repeat center left;
}
O así:
#random .bp_item_title {
padding-left: 35px;
background: transparent url(URL del icono) no-repeat center left;
}
Para el otro tal vez así:
.bp_item_title {
padding-left: 35px;
background: transparent url(URL del icono) no-repeat center left;
}
O así:
#recent .bp_item_title {
padding-left: 35px;
background: transparent url(URL del icono) no-repeat center left;
}
Pero te digo, eso tal vez funcione, no estoy seguro que se pueda.
Lo intentaré, pero no te preocupés, no pasa nada si no funciona ^_^
ResponderEliminarhola potro nuevamente yo. hace un tiempo puse este icono en otra plantilla. y todo me fue de maravillas . pero ahora como que cosa no me funciona. al parecer solo me funciona en el widget de categorias que yo tengo. pero en los otros no me acepta. que puedo hacer. gracias
ResponderEliminarwww.obraspoemas.com
Hola colmillo blanco,
ResponderEliminar¿A qué gadgets se lo has aplicado y no funciona? ¿Tienes puestos los códigos en este momento? Es que he entrado pero no los miro por ninguna parte.
hola potro. aplique al gatget de nombre: LOS MEJORES CUENTOS PERUANOS, obras universales.
ResponderEliminarestan justo antes de ]]>
ahi lo puedes ver . gracias
Sólo veo que se lo aplicaste a uno, y arriba donde lo pusiste hay una llave de cierre que anda suelta } elimínala.
ResponderEliminarLuego, el nombre del ID del gadget debe escribirse tal cual, respetando mayúsculas y minúsculas, de otro modo no funcionará.
ok potro. esta todo solucionado. gracias.
ResponderEliminarno hubiera podido solucionarlo si no hubiera sido por tu ayuda. gracias
gracias por todo
Eliminarlo encontré
http://pikassaarte.blogspot.com/
Muchísimas gracias, potro.
EliminarLo intenté por el otro método y no me salió (abriendo "artilugios", pero con este salió fenomenal.
Lo que sigo sin saber hacer es colocar distintos iconos en las distintas etiquetas.
Y mucho peor, y eso porque no tengo ni idea... no sé poner un icono descargado como url, lo pongo en internet y no deja de ser un link del disco duro que no funciona ¿?
Mil gracias una vez más
Este está mejor gogo, porque todo es con CSS, así puede personalizarse más fácil por si después te aburre el estilo.
EliminarUno por cada etiqueta no se puede, tendrías que crear tu propio menú.
En cuanto a lo otro, tienes que subir la imagen a la red, aquí se explica cómo:
http://ciudadblogger.com/2011/06/subir-imagenes-y-obtener-la-url-de-la.html
Saludos.
Gracias por el truco =D
ResponderEliminarquedan bonitos los gadgets con iconos ♥
Qué bueno que te ha gustado cómo lucen :)
Eliminarbuenisimo , mi pregunta es como hago para que mis etiquetas se muestren en mayusculas
ResponderEliminar¿Las del gadget de etiquetas, o las etiquetas que aparecen en las entradas?
Eliminarlas del gadget , se puede? disculpa la demora andaba laburando lejos
EliminarAgrega estos estilos:
Eliminar#Label1 {
text-transform:uppercase;
}
gracias , tu web es un exito
EliminarNuevamente mil gracias Potro.
ResponderEliminarPor nada ;)
EliminarHola potro!! Muchisias gracias por tus aportes!! llegue a ti buscando respuesta a mi duda, pero me falta un pelin de informacion!!
ResponderEliminarQuiero poner un icono a mis etiquetas, pero la imagen la tengo en la compu, no tengo un url, como hago esto? Es decir, como hago para insertar una imagen a mis etiquetas que no esta en la web?
Millones de gracias y ya comienzo a seguirte para poder mejorar mi blog!!!
Beso
Hola Mamy a la obra, necesitas subir tu imagen a Internet y luego obtener la URL:
Eliminarhttp://ciudadblogger.com/2011/06/subir-imagenes-y-obtener-la-url-de-la.html
¡Saludos!
hola... quisiera saber como hay que poner el codigo para que solo una lista que tengo en una entrada tenga iconos en lugar de los puntitos esos estandar :/ ... gracias :3
ResponderEliminarHola, al final de tu entrada (estando en la pestaña HTML) agrega esto:
Eliminar<style>
.post ul {
list-style: none;
margin: 10px 0 0 20px;
padding: 0;
}
.post ul li {
background:url(URL de la imagen) center left no-repeat;
margin:0;
padding:3px 3px 3px 20px;
}
</style>
Hola Potro, la pregunta no va al tema, pero se que igual me puedes ayudar, como poner en cada entrada de mi blog un contador de veces visto. He buscado mucho y no he encontrado NADA. Se puede o no se puede? WP creo que lo tiene.
ResponderEliminarHola Luisa, alguna vez probé este y funcionó:
Eliminarhttp://www.miltrucosblogger.info/2011/05/contador-de-visitas-para-cada-post-en.html
hola, recientemente implemente el de tu entrada "Fecha tipo calendario en las entradas del blog" Y Quedo Genial, Pero Ahora Quiero Saber Si NO Se puede Hacer Lo Mismo Con Las Etiquetas? para que tengan Una Imagen Envez de Letras? Sabes? :D Que quede justo abajo del calendario :D o ala par de el banner que hago :D si se puede ?
ResponderEliminarHola, ¿te refieres a que haya un icono antes de la etiqueta, o que la etiqueta sea sustituida por una imagen? si es lo segundo entonces mira este post de Oloblogger:
Eliminarhttp://www.oloblogger.com/2008/09/iconos-por-categoria-en-cada-post.html