Gerador de Código HTML das Cores

Com o novo painel do Blogger e a pagina Designer de modelo ficou bem mais simples editar o template do blogspot modificando as cores e organização do layout, mas sempre precisamos editar algum detalhe no HTML do blog e para isso saber o código das cores é muito útil, por isso temos aqui um gerador de código HTML das cores para você testar e achar as cores que mais combinam com seu blog.

Gerador de Código HTML das Cores

Esses códigos são muito uteis em diversas partes do código do seu blog principalmente nos estilos CSS que fazem toda formação da sua pagina como, por exemplo, cores de fundo, cor das bordas das imagens ou qualquer outro tipo de borda que use no seu blog, veja abaixo alguns tutoriais onde esse gerador de código das cores pode ser muito útil:
Colocar ou alterar as bordas
Alterar cores dos links - CSS
Modificar Cores e Fazer Formatação no Gadget Postagens Populares
Formatação Especial nos Textos das Postagens

Para terminar queremos apenas lembrar que o sinal # é necessário para o código da cor funcionar, ou seja, o código da cor de fundo fica assim: background-color:#E6E5FF. Somente se for utilizar esse código na pagina Designer de Modelo no Blogger ou algum outro tipo de gerador de código então retire o sinal #. Se quiser pode ver aqui uma lista com muitos exemplos de cores com os códigos html e veja também nosso Gerador de Código para Caixinha link-me. Então faça o teste para descobrir quais as melhores cores para usar no seu blog e aproveite para deixar seu comentário sobre o que achou de nossa dica.

36 comentários:

  1. Muito bacana e útil. Normalmente eu uso o Gimp para gerar o código, mas assim fica mais prático :-)

    ResponderExcluir
  2. Olá Fabiano! Encontrei aqui o que procurava, na própria pesquisa personalizada. http://www.dicasparablogs.com.br/2012/08/criar-caixa-de-pesquisa-para-sites-blogs.html

    O que acontece se o meu blog for pornográfico e eu colocar anuncios AdSense nele? A página não deixa claro as consequências

    ResponderExcluir
  3. Pedro não pode usar o adsense em sites pornográficos.

    se quiser uma pesquisa tem que usar a pesquisa google comum sem o adsense.

    ResponderExcluir
  4. gostaria de saber como colocar um menu em uma pagina do blog,tipo aquelas listas de filmes que alguns sites tem com um menu em cima que quando você clica vai para a letra selecionada

    ResponderExcluir
  5. Vanderson não sei exatamente como fazem, mas poderia ser com um sub menu e criar marcadores para cada letra, mas dá bastante trabalho....

    porque o sub menu tem que ser feito manualmente não tem código pronto.

    ResponderExcluir
  6. Queria saber também como editar o fundo do titulo do gadget, é que eu coloquei imagens com as pontas arredondadas no titulo do gadget ,mas ai fica aparecendo as pontas do gadget
    veja por você mesmo no meu blog:
    http://ultimateanimescentral.blogspot.com/

    ResponderExcluir
  7. Vanderson você pode posicionar a imagem de fundo e colocar a cor por baixo, veja aqui:
    Como Personalizar e Colocar Imagem no Titulo dos Gadgets do Blog

    ResponderExcluir
  8. É QUE NO MEU BLOG OCORREU UM ERRO QUANDO EU COLOCO O FUNDO A COR PASSA A MARGEM DO GADGET

    ResponderExcluir
  9. QUERIA SABER COMO EDITAR O CORPO DO GADGET, MUDAR O ESTILO, FORMATAR O GADGET INTEIRO

    ResponderExcluir
  10. Vanderson isso depende muito de cada template não tenho como responder qual é o lugar certo no código, mas veja aqui sobre formatar gadgets:

    Como Personalizar e Colocar Imagem no Titulo dos Gadgets do Blog

    ResponderExcluir
  11. Boa a dica, uso o photoshop para guiar as cores que preciso

    ResponderExcluir
  12. na hora de alterar o CSS é bom ter sempre uma cópia do original se caso não for o tom desejado

    ResponderExcluir
  13. queria saber como não colocar um post na pagina principal do blog, tipo ele so vai para o post se clicar em uma deteminada guia

    ResponderExcluir
  14. Everton Mega para clicar e ir para o post poderia usar um link ou menu comum

    ResponderExcluir
  15. Não tipo tem a pagina inicial onde aparece todos os posts,mas eu queria que essa postagem não aparecesse na pagina inicial,mas sim se clicarmos no menu certo

    ResponderExcluir
  16. Everton mas na sua idéia a pagina inicial teria o que? somente esse menu com os links dos posts?

    se for veja aqui:
    Fazer Pagina de Boas Vindas no Blog - Criar Pagina de Abertura

    se quiser aqui tem um código para mostrar somente os titulos das postagens:

    Mostrar Somente os Títulos das Postagens

    ResponderExcluir
  17. não é que eu estou fazendo uma lista de filmes e como vc disse para o Vanderson que teria que ser manual eu criei varias postagens cada uma de uma letra só que eu não quero que apareça essas postagens no menu inicial

    ResponderExcluir
  18. todas as postagens aparecem na pagina inicial somente as paginas estáticas que não.

    se vai usar uma pagina para cada letra o jeito será fazer como postagens normais e depois quando fizer novas postagens elas sairão da sua pagina inicial.

    é o unico jeito de fazer mas esse problema das paginas das letras na pagina inicial só vai durar alguns dias até você fazer novas postagens.

    ResponderExcluir
  19. queria saber como colocar uma pagina fixa em que mostre as atualizações do blog, tipo cada vez que eu adiciono um novo filme na pagina fica ultimo filme adicionado"nome do filme"

    ResponderExcluir
  20. eu queria que ficasse igual a area "Em destaque"do site www.animeq.com.br

    ResponderExcluir
  21. Everton vou procurar um código para fazer slides daquele tipo que você falou e assim que conseguir farei um tutorial sobre o assunto.

    ResponderExcluir
  22. Queria saber como tirar o espaço entre a navbar horizontal e as postagens, porque o espaço está muito grande

    ResponderExcluir
  23. a navbar não tem como alterar a largura dela.

    ou melhor dizendo acho que não é recomendável porque dá diferenças entre os navegadores

    ResponderExcluir
  24. não é isso é que mesmo eu aumentando o tamanho o espaço continua do mesmo tamanho veja:ultimateanimescentral.blogspot.com

    ResponderExcluir
  25. então deve ser um erro no html. tente usar o inspecionar elemento do firefox para descobrir o nome do estilo que controla as colunas do seu blog para poder alterar

    ResponderExcluir
  26. Como eu coloco essa caixinha no meu blog?

    ResponderExcluir
  27. Isabela nós não fornecemos esse código

    ResponderExcluir
  28. Na minha página inicial o título do post ta na cor que eu quero (pink), mas quando clico no post abre outra página e o título do post ta cinza. Como eu arrumo isso?

    ResponderExcluir
  29. Paty isso varia conforme o blog.

    no html deve ter uma configuração para o h2 ou h3 que são os titulos das postagens.

    essa configuração está com cores diferentes para o texto normal e o texto do link, então precisa troca essas cores.

    veja aqui como achar os códigos :
    Como Encontrar Erros nos Códigos do Blog: HTML, CSS, Javascript

    ResponderExcluir
  30. Quero colocar essa caixa no meu blog, qual é o codigo dela ?

    ResponderExcluir
  31. Maravilhosoooooooo!!! Fabiano, te agradeço demais por ter me ajudado com suas dicas para deixar meu Blog lindinho. Sempre tive vontade de dar uma inovada, mas não sabia como fazer e vi seu site num comentário de um vídeo de uma garota. Agora é só sucesso!!! Muuuuuuito obrigada e Deus te abençoe grandemente!! Parabéns pela sua criatividade, pelo seu lindoo site e por vc partilhar com os outros, o que você sabe. Isso é muito importante! Bjn

    ResponderExcluir
  32. Obrigada me ajudou muito... Feliz Natal...

    ResponderExcluir