18 de out. de 2013

Personalizar cada gadget do blog

Hoje vou ensinar para vocês como personalizar cada gadget da sidebar, deixando o fundo e até 
mesmo os títulos diferentes.

Para personalizar cada gadget do blog você tem que procurar pela ID de cada  gadget.
Para isso, no html de seu blog aperte ao mesmo tempo as teclas ctrl f para abrir a caixinha
de pesquisa e dentro dela coloque o nome de seu gadget, depois dê enter.
Depois que encontrar, coloque o código abaixo antes da tag ]]></b:skin>

#IDGADGET {
background:url(' URL AQUI ') no-repeat;
}

Acima está o background com imagem, você pode colocar uma cor:

#IDGADGET {
background:# COLOQUE A COR QUE DESEJAR  no-repeat;
}

Você também pode deixar o background transparente:

#IDGADGET {
background: transparent  no-repeat;
}

Tipos de cores em HTML, visualize

No exemplo abaixo a ID do meu gadget é 'Label2' e o nome do gadget é 'Categorias'




2 comentários :

  1. Não encontrei a TAG ]]>. O que faço?

    ResponderExcluir
    Respostas
    1. Olá Nanda, fico feliz por estar aqui.
      No html de seu blog, clique com o lado direito do mouse para aparecer
      a caixinha de busca, quando ela aparece você colocar o código desejado
      que automaticamente vai levá-la ao local indicado.

      Excluir

Qualquer dúvida pergunte que
responderei com prazer.
Só peço que seu comentário
seja relacionado à postagem.

© Princess Tutoriais- Agradece sua visita
2014. Todos os direitos reservados
Pedidos? dúvidas? nos comentários ou na Ask.
imagem-logo