Poner íconos en etiquetas y otros gadgets

29 de junio de 2009 90 comentarios ,
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.


90 comentarios en:

" Poner íconos en etiquetas y otros gadgets "

  1. que interesante, podrias decirme porque no aparece para que califiquen mis entradas, pero ya lo active en Diseño/editar entrada.

    ResponderEliminar
  2. Hola el venado,
    En 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.

    ResponderEliminar
  3. 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!


    Un abrazo!!!

    ResponderEliminar
  4. , pero quisiera saber que plantillas aceptan lo de las estrellas

    ResponderEliminar
  5. Gracias brother, siempre es bueno tener varias opciones, para quien no le funciona una pruebe con la otra.
    Un abrazo.

    ResponderEliminar
  6. el venado,
    Cualquier 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.

    ResponderEliminar
  7. Mmmm, sabes, por mas que lo intento, no lo logro, . . sera porque es una plantilla pre-diseñada??

    Cariños

    Anne

    ResponderEliminar
  8. Hola Anne,
    No deberías tener ningún problema, pero si este método no te resulta entonces prueba con el otro
    Saludos.

    ResponderEliminar
  9. HOla y gracias de nuevo por este blog.
    Podria explicarme como utilizar una plantilla de las que aparecen en blog templates
    Gracias

    ResponderEliminar
  10. Hola Walter,
    En 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.

    ResponderEliminar
  11. En realidad no es en relación a este post especificamente. Pero mi duda es la siguente:
    Puse 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.-

    ResponderEliminar
  12. Hola Jpz,

    Usa el atributo valign="middle" dentro de la imagen, por ejemplo:

    <img valign="middle" src='URL de la imagen' />

    Saludos.

    ResponderEliminar
  13. Incluí el atributo, pero se muestra de igual forma.
    Que sucederá?

    Saludos.
    Jpz.-

    ResponderEliminar
  14. Verdad.
    Pero es sólamente con Google Chrome.
    No así con Mozilla o IE.
    Saludos.
    Jpz.-

    ResponderEliminar
  15. Cuando no es uno, es otro, malditos navegadores, jajaja.

    Tal 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.

    ResponderEliminar
  16. Ahora sí.
    Excelente Potro.
    Saludos.
    Jpz.-

    ResponderEliminar
  17. Hola El Potro !

    Tengo 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

    ResponderEliminar
  18. Hola Guerrero,

    Ni 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.

    ResponderEliminar
  19. Hola nuevamente

    Ya habia puesto el codigo anteriormente y no me resulto lo volvi a poner pero sigue sin funcionar :S no sabes porque ?

    Saludos

    ResponderEliminar
  20. Hola de nuevo Guerrero,

    Pega 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.

    ResponderEliminar
  21. Mil gracias El Potro ! Funciono de maravilla muchas gracias por tu tiempo y por tu ayuda :)

    Saludos

    ResponderEliminar
  22. Qué bueno que ya está funcionando.
    Puedes usar otra imagen si gustas.

    Saludos.

    ResponderEliminar
  23. 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.

    ResponderEliminar
  24. En el caso del gadget de Archivos es distinto, ahí tienes que expandir los artilugios y buscar esta línea:
    <li class='archivedate'>

    Debajo de ella agrega el código de la imagen que quieres poner.

    ResponderEliminar
  25. Y como seria el codigo? Completo com los demas o solo el url de la imagen?

    ResponderEliminar
  26. Potro ya esta resuelto, perdon y eso del codigo de la imagen ya lo sabia, xD. Gracias por todo, Saludos.

    ResponderEliminar
  27. Qué bueno que ya lo resolviste.
    Saludos!

    ResponderEliminar
  28. hola amigo potro oie y por ejemplo como poner en cada link una imagen por ejemplo en tu sidebar en donde dice amigos de la ciudad???

    ResponderEliminar
  29. Lo que yo he hecho ahí es poner los enlaces en un elemento HTML/Javascript usando este código por cada enlace:

    <a href="URL del enlace"><img src="URL de la imagen" /> Texto</a>

    ResponderEliminar
  30. woow ya pude... muchas gracias de nuevo.

    saludos!

    ResponderEliminar
  31. sabes como hacer para que tenga un icono.. y cuando lo seleccionamos cambie a otro.. ejemplo:
    "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

    ResponderEliminar
  32. 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

    Muchas gracias por tu comentario ;)

    ResponderEliminar
  33. Potro,
    Gracias 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

    ResponderEliminar
  34. El cierre del código "}" está ubicado en otro lugar, lo tienes 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;}
    }

    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.

    ResponderEliminar
  35. Muchas gracias, no sé que decir, eres amabilísimo y encantador conmigo y reitero no sé que decir (....)
    Lo 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

    ResponderEliminar
  36. Hola Patricia,

    Vas 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 :)

    ResponderEliminar
  37. Querido Potro,
    Gracias 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

    ResponderEliminar
  38. Hola Patricia,

    Entonces 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.

    ResponderEliminar
  39. Querido Potro....
    ¿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

    ResponderEliminar
  40. 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 :)
    Saludos!

    ResponderEliminar
  41. He probado, ¿Que te parece?
    Ahora 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

    ResponderEliminar
  42. Sin duda mejoró bastante.
    Podrías probar estableciendo un alto para esos tres contenedores agregando esto:

    #col1, #col2, #col3 {height:250px;}

    Gracias por los besos, otros para ti :)

    ResponderEliminar
  43. Perdón por el retraso en contestar a tu amabilidad, lios variados con pedidos y la tienda.
    He 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

    ResponderEliminar
  44. Y tengo otro problema que olvidaba.
    El 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

    ResponderEliminar
  45. 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í:

    #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.

    ResponderEliminar
  46. Querría saber cuál es el código en html de las etiquetas.

    Es decir el gadget que pones a la derecha o izquierda , "Etiquetas" , bien , lo querría tener en html ¿podrías?

    ResponderEliminar
  47. 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'.

    ResponderEliminar
  48. Ya sé Potro , pero quisiera el html , para colocarlo en una página y que sólo se vea ahí

    ResponderEliminar
  49. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  50. Eso 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.
    En todos esos casos cuando se quieren mostrar las etiquetas del blog con algún otro menú se deben agregar los enlaces manualmente.

    ResponderEliminar
  51. gracias potro, al principio no entendia pero ya todo fino gracias men.

    ResponderEliminar
  52. Hola Potro,
    Me 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

    ResponderEliminar
  53. Lamentablemente no, el gadget de Archivos del blog es de los pocos gadgets que no se pueden personalizar demasiado :(

    ResponderEliminar
  54. Muchas gracias Potro por tu aporte.
    Pues perfecto: Un quebradero de cabezas menos..
    Muchisimas gracias.
    Jose

    ResponderEliminar
  55. potro hice todo los pasos ; pero no aparece el icono:Cual crees que debe ser el problema.
    gracias potro
    http://obraspoemas.blogspot.com

    ResponderEliminar
  56. 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.

    ResponderEliminar
  57. GRACIAS POTRO. ESTUVO MUY BUENO
    ERES LO MAXIMO.
    DESPUES DE TIEMPO. DECIDI DAR ALGO DE VIDA AL BLOGGER Y PARA HACER ESO NADA MEJOR QUE VISITAR ESTE SITIO.
    GRACIAS

    ResponderEliminar
  58. 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!!
    Entonces 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

    ResponderEliminar
  59. Hola Javier,

    Hay 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.

    ResponderEliminar
  60. hola potro. hice tal y conforme esta en las indicaciones y no muestra cambios : no me aparece nada. espero que me puedas ayudar. gracias

    http://www.obraspoemas.com

    ResponderEliminar
  61. 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:
    https://lh3.googleusercontent.com/-NFfPLAYNd98/TnIxDElgkDI/AAAAAAAAGKE/AkiIEBmPt0Q/folder.png

    ResponderEliminar
  62. ¡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(

    ResponderEliminar
  63. Hola Gabriella,

    Esos 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.

    ResponderEliminar
  64. Lo intentaré, pero no te preocupés, no pasa nada si no funciona ^_^

    ResponderEliminar
  65. hola 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
    www.obraspoemas.com

    ResponderEliminar
  66. Hola colmillo blanco,

    ¿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.

    ResponderEliminar
  67. hola potro. aplique al gatget de nombre: LOS MEJORES CUENTOS PERUANOS, obras universales.
    estan justo antes de ]]>

    ahi lo puedes ver . gracias

    ResponderEliminar
  68. Sólo veo que se lo aplicaste a uno, y arriba donde lo pusiste hay una llave de cierre que anda suelta } elimínala.
    Luego, el nombre del ID del gadget debe escribirse tal cual, respetando mayúsculas y minúsculas, de otro modo no funcionará.

    ResponderEliminar
  69. ok potro. esta todo solucionado. gracias.
    no hubiera podido solucionarlo si no hubiera sido por tu ayuda. gracias

    ResponderEliminar
    Respuestas
    1. gracias por todo
      lo encontré
      http://pikassaarte.blogspot.com/

      Eliminar
    2. Muchísimas gracias, potro.
      Lo 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

      Eliminar
    3. Este está mejor gogo, porque todo es con CSS, así puede personalizarse más fácil por si después te aburre el estilo.
      Uno 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.

      Eliminar
  70. Gracias por el truco =D
    quedan bonitos los gadgets con iconos ♥

    ResponderEliminar
  71. buenisimo , mi pregunta es como hago para que mis etiquetas se muestren en mayusculas

    ResponderEliminar
    Respuestas
    1. ¿Las del gadget de etiquetas, o las etiquetas que aparecen en las entradas?

      Eliminar
    2. las del gadget , se puede? disculpa la demora andaba laburando lejos

      Eliminar
    3. Agrega estos estilos:
      #Label1 {
      text-transform:uppercase;
      }

      Eliminar
    4. gracias , tu web es un exito

      Eliminar
  72. Hola potro!! Muchisias gracias por tus aportes!! llegue a ti buscando respuesta a mi duda, pero me falta un pelin de informacion!!
    Quiero 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

    ResponderEliminar
    Respuestas
    1. Hola Mamy a la obra, necesitas subir tu imagen a Internet y luego obtener la URL:
      http://ciudadblogger.com/2011/06/subir-imagenes-y-obtener-la-url-de-la.html

      ¡Saludos!

      Eliminar
  73. 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

    ResponderEliminar
    Respuestas
    1. Hola, al final de tu entrada (estando en la pestaña HTML) agrega esto:

      <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>

      Eliminar
  74. 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.

    ResponderEliminar
    Respuestas
    1. Hola Luisa, alguna vez probé este y funcionó:
      http://www.miltrucosblogger.info/2011/05/contador-de-visitas-para-cada-post-en.html

      Eliminar
  75. 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 ?

    ResponderEliminar
    Respuestas
    1. Hola, ¿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:
      http://www.oloblogger.com/2008/09/iconos-por-categoria-en-cada-post.html

      Eliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger