Ícones à frente de categorias ou etiquetas no novo Blogger

Esse código adiciona ícones à frente das suas categorias no novo Blogger. Antes de mais nada, você deve:
  1. Criar ou ter categorias/etiquetas/marcadores ou labels no seu blog;
  2. Subir a imagem do ícone que quer usar prá algum servidor (Photobucket, Imageshack, Flickr, etc);
  3. Depois, vá na seção de Layout/Modelo do seu Blogger, e, em Editar Html, clique para acessar a página CSS do seu template, e, adicione o seguinte código:
#Label1 li {
list-style:none;
padding-left: 30px;
background: transparent url(URL DA IMAGEM DO SEU ÍCONE) no-repeat center left;
}

Veja que, em “padding-left” a medida está regulada para 30px, isso quer dizer a distância do ícone até o texto, mas, de acordo com o tema do blog, será preciso testar ou usar outras medidas em razão do tamanho do ícone, eu sugiro que usem ícones menores, pois, com 30px fica muito bom. *Antes de salvar as mudanças, vizualize seu tema prá ver se está tudo ok. Então salve. Daí, você terá algo parecido com a imagem abaixo no seu blog. Divirtam-se!

9 Responses to “Ícones à frente de categorias ou etiquetas no novo Blogger”

  1. Mariposo-L Says:

    CLaudya, legal que voltou, isso significa que a tendinite foi embora ???
    Não vá abusar heim :))) Estou precisando de ficas de cliente para o blog, já tentei o scibefire e o blogGTK ( que só manda imagens da net ), agora estou quebrando os miolos com a exttenção do OpenOffice Sun Weblog publisher mas também não consigo enviar imagens (: Você tem dicas para dar ????? de preferencia em ambiente linux .

    bjs

  2. Claudya Says:

    Mariposo, da tendinite melhorei 99%, cliente de blog que eu uso e acho o + prático no momento é o Scribefire. O Windows Live Writer deu um bug e não consigo + usar. Te mandei e-mail… Bjs

  3. Aurea Says:

    Olá Claudinha,

    Vejo que está voltando aos poucos!
    Seja bem vinda!
    Estamos com saudades!
    Tenha uma ótima semana!
    Bjks

  4. Iara Alencar Says:

    Oi CLAUDYA :)
    eu queria muito colocar imagens nas categorias, porem queria que fossem diferentes uma das outras, eu vi um blog, Posso mostrar pra você aqui?
    http://i35.tinypic.com/2psi0lf.jpg
    que bom que voltou a ativa :)

  5. Ulisses Says:

    Valeu pela dica. Quando ficar mais entendido no assunto blog eu me arrisco a personalizar mais meu bloguinho..

  6. Beth Says:

    Vou te confessar que não entendi necas…sou péssima para essas coisas. De qualquer forma olhando teu coment ao super e hiper Mariposo, completarei dizendo que ainda o uso o Live Writer…pena que para o blogger ele não agenda como agenda no wordpress.

    Bjs e +++ melhoras….fique 100%

  7. Elke Says:

    Ei Claudya, tudo bem ? Como é, melhorou ou a tendinite continua insistindo ? Vim aqui te deixar um abraço.

  8. Bruno Says:

    Esse código deve ser colocado em que parte do código HTML da template??

  9. Claudya Says:

    Bruno, na página CSS do seu tema, tem a linha

Leave a Reply