Pular para o conteúdo principal

Código das Cores

Quando vamos mudar a cor de alguma coisa no blog ou site precisamos saber qual o código HTML da cor que vamos usar, porque o template é feito em CSS usando códigos para definir as cores de tudo menos as imagens é claro. Então aqui está uma lista com o código de muitas cores para você usar como quiser no seu blog.

Veja aqui um Gerador de Código HTML das Cores que além dessas cores que mostramos logo abaixo permite você ver muitas outras cores e pegar os códigos.

codigo html das cores

Apesar do blogspot ter uma página de cores com algumas opções elas são limitadas então procure a cor que gostar na lista abaixo e copie o código para usar no blog, esses códigos serem para mudar a cor de tudo: fundo do blog, cores das letras, fundo das postagens ou sidebar, cores das bordas, enfim qualquer cor que veja num blog é definido através desses códigos. Então é só usar a lista de cores e deixar seu blog mais bonito e com cores diferentes.

Snow -#FFFAFA

GhostWhite#F8F8FF

WhiteSmoke #F5F5F5

Gainsboro #DCDCDC

FloralWhite #FFFAF0

OldLace #FDF5E6

Linen #FAF0E6

AntiqueWhite #FAEBD7

PapayaWhip #FFEFD5

BlanchedAlmond #FFEBCD

Bisque #FFE4C4

PeachPuff #FFDAB9

NavajoWhite #FFDEAD

Moccasin #FFE4B5

Cornsilk #FFF8DC

Ivory #FFFFF0

LemonChiffon #FFFACD

Seashell #FFF5EE

Honeydew #F0FFF0

MintCream #F5FFFA

Azure #F0FFFF

AliceBlue #F0F8FF

lavender #E6E6FA

LavenderBlush #FFF0F5

MistyRose #FFE4E1

White #FFFFFF

Black #000000

DarkSlateGray #2F4F4F

DimGrey #696969

SlateGrey #708090

LightSlateGray #778899

Grey #BEBEBE

LightGray #D3D3D3

MidnightBlue #191970

NavyBlue #000080

CornflowerBlue #6495ED

DarkSlateBlue #483D8B

SlateBlue #6A5ACD

MediumSlateBlue #7B68EE

LightSlateBlue #8470FF

MediumBlue #0000CD

RoyalBlue #4169E1

Blue #0000FF

DodgerBlue #1E90FF

DeepSkyBlue #00BFFF

SkyBlue #87CEEB

LightSkyBlue #87CEFA

SteelBlue #4682B4

LightSteelBlue #B0C4DE

LightBlue #ADD8E6

PowderBlue #B0E0E6

PaleTurquoise #AFEEEE

DarkTurquoise #00CED1

MediumTurquoise #48D1CC

Turquoise #40E0D0

Cyan #00FFFF

LightCyan #E0FFFF

CadetBlue #5F9EA0

MediumAquamarine #66CDAA

Aquamarine #7FFFD4

DarkGreen #006400

DarkOliveGreen #556B2F

DarkSeaGreen #8FBC8F

SeaGreen #2E8B57

MediumSeaGreen #3CB371

LightSeaGreen #20B2AA

PaleGreen #98FB98

SpringGreen #00FF7F

LawnGreen #7CFC00

Green #00FF00

Chartreuse #7FFF00

MedSpringGreen #00FA9A

GreenYellow #ADFF2F

LimeGreen #32CD32

YellowGreen #9ACD32

ForestGreen #228B22

OliveDrab #6B8E23

DarkKhaki #BDB76B

PaleGoldenrod #EEE8AA

LtGoldenrodYello #FAFAD2

LightYellow #FFFFE0

Yellow #FFFF00

Gold #FFD700

LightGoldenrod #EEDD82

goldenrod #DAA520

DarkGoldenrod #B8860B

RosyBrown #BC8F8F

IndianRed #CD5C5C

SaddleBrown #8B4513

Sienna #A0522D

Peru #CD853F

Burlywood #DEB887

Beige #F5F5DC

Wheat #F5DEB3

SandyBrown #F4A460

Tan #D2B48C

Chocolate #D2691E

Firebrick #B22222

Brown #A52A2A

DarkSalmon #E9967A

Salmon #FA8072

LightSalmon #FFA07A

Orange #FFA500

DarkOrange #FF8C00

Coral #FF7F50

LightCoral #F08080

Tomato #FF6347

OrangeRed #FF4500

Red #FF0000

HotPink #FF69B4

DeepPink #FF1493

Pink #FFC0CB

LightPink #FFB6C1

PaleVioletRed #DB7093

Maroon #B03060

MediumVioletRed #C71585

VioletRed #D02090

Magenta #FF00FF

Violet #EE82EE

Plum #DDA0DD

Orchid #DA70D6

MediumOrchid #BA55D3

DarkOrchid #9932CC

DarkViolet #9400D3

BlueViolet #8A2BE2

Purple #A020F0

MediumPurple #9370DB

Thistle #D8BFD8

Snow1 #FFFAFA

Snow2 #EEE9E9

Snow3 #CDC9C9

Snow4 #8B8989

Seashell1 #FFF5EE

Seashell2 #EEE5DE

Seashell3 #CDC5BF

Seashell4 #8B8682

AntiqueWhite1 #FFEFDB

AntiqueWhite2 #EEDFCC

AntiqueWhite3 #CDC0B0

AntiqueWhite4 #8B8378

Bisque1 #FFE4C4

Bisque2 #EED5B7

Bisque3 #CDB79E

Bisque4 #8B7D6B

PeachPuff1 #FFDAB9

PeachPuff2 #EECBAD

PeachPuff3 #CDAF95

PeachPuff4 #8B7765

NavajoWhite1 #FFDEAD

NavajoWhite2 #EECFA1

NavajoWhite3 #CDB38B

NavajoWhite4 #8B795E

LemonChiffon1 #FFFACD

LemonChiffon2 #EEE9BF

LemonChiffon3 #CDC9A5

LemonChiffon4 #8B8970

Cornsilk1 #FFF8DC

Cornsilk2 #EEE8CD

Cornsilk3 #CDC8B1

Cornsilk4 #8B8878

Ivory1 #FFFFF0

Ivory2 #EEEEE0

Ivory3 #CDCDC1

Ivory4 #8B8B83

Honeydew1 #F0FFF0

Honeydew2 #E0EEE0

Honeydew3 #C1CDC1

Honeydew4 #838B83

LavenderBlush1 #FFF0F5

LavenderBlush2 #EEE0E5

LavenderBlush3 #CDC1C5

LavenderBlush4 #8B8386

SlateGray4 #6C7B8B

LightSteelBlue1 #CAE1FF

LightSteelBlue2 #BCD2EE

LightSteelBlue3 #A2B5CD

LightSteelBlue4 #6E7B8B

LightBlue1 #BFEFFF

LightBlue2 #B2DFEE

LightBlue3 #9AC0CD

LightBlue4 #68838B

LightCyan1 #E0FFFF

LightCyan2 #D1EEEE

LightCyan3 #B4CDCD

LightCyan4 #7A8B8B

PaleTurquoise1 #BBFFFF

PaleTurquoise2 #AEEEEE

PaleTurquoise3 #96CDCD

PaleTurquoise4 #668B8B

CadetBlue1 #98F5FF

CadetBlue2 #8EE5EE

CadetBlue3 #7AC5CD

CadetBlue4 #53868B

Turquoise1 #00F5FF

Turquoise2 #00E5EE

Turquoise3 #00C5CD

Turquoise4 #00868B

Cyan1 #00FFFF

Cyan2 #00EEEE

Cyan3 #00CDCD

Cyan4 #008B8B

DarkSlateGray1 #97FFFF

DarkSlateGray2 #8DEEEE

DarkSlateGray3 #79CDCD

DarkSlateGray4 #528B8B

Aquamarine1 #7FFFD4

Aquamarine2 #76EEC6

Aquamarine3 #66CDAA

Aquamarine4 #458B74

DarkSeaGreen1 #C1FFC1

DarkSeaGreen2 #B4EEB4

DarkSeaGreen3 #9BCD9B

DarkSeaGreen4 #698B69

SeaGreen1 #54FF9F

SeaGreen2 #4EEE94

MistyRose1 #FFE4E1

MistyRose2 #EED5D2

MistyRose3 #CDB7B5

MistyRose4 #8B7D7B

Azure1 #F0FFFF

Azure2 #E0EEEE

Azure3 #C1CDCD

Azure4 #838B8B

SlateBlue1 #836FFF

SlateBlue2 #7A67EE

SlateBlue3 #6959CD

SlateBlue4 #473C8B

RoyalBlue1 #4876FF

RoyalBlue2 #436EEE

RoyalBlue3 #3A5FCD

RoyalBlue4 #27408B

Blue1 #0000FF

Blue2 #0000EE

Blue3 #0000CD

Blue4 #00008B

DodgerBlue1 #1E90FF

DodgerBlue2 #1C86EE

DodgerBlue3 #1874CD

DodgerBlue4 #104E8B

SteelBlue1 #63B8FF

SteelBlue2 #5CACEE

SteelBlue3 #4F94CD

SteelBlue4 #36648B

DeepSkyBlue1 #00BFFF

DeepSkyBlue2 #00B2EE

DeepSkyBlue3 #009ACD

DeepSkyBlue4 #00688B

SkyBlue1 #87CEFF

SkyBlue2 #7EC0EE

SkyBlue3 #6CA6CD

SkyBlue4 #4A708B

LightSkyBlue1 #B0E2FF

LightSkyBlue2 #A4D3EE

LightSkyBlue3 #8DB6CD

LightSkyBlue4 #607B8B

SlateGray1 #C6E2FF

SlateGray2 #B9D3EE

SlateGray3 #9FB6CD

Firebrick4 #8B1A1A

Brown1 #FF4040

Brown2 #EE3B3B

Brown3 #CD3333

Brown4 #8B2323

Salmon1 #FF8C69

Salmon2 #EE8262

Salmon3 #CD7054

Salmon4 #8B4C39

LightSalmon1 #FFA07A

LightSalmon2 #EE9572

LightSalmon3 #CD8162

LightSalmon4 #8B5742

Orange1 #FFA500

Orange2 #EE9A00

Orange3 #CD8500

Orange4 #8B5A00

DarkOrange1 #FF7F00

DarkOrange2 #EE7600

DarkOrange3 #CD6600

DarkOrange4 #8B4500

Coral1 #FF7256

Coral2 #EE6A50

Coral3 #CD5B45

Coral4 #8B3E2F

Tomato1 #FF6347

Tomato2 #EE5C42

Tomato3 #CD4F39

Tomato4 #8B3626

OrangeRed1 #FF4500

OrangeRed2 #EE4000

OrangeRed3 #CD3700

OrangeRed4 #8B2500

Red1 #FF0000

Red2 #EE0000

Red3 #CD0000

Red4 #8B0000

DeepPink1 #FF1493

DeepPink2 #EE1289

DeepPink3 #CD1076

DeepPink4 #8B0A50

HotPink1 #FF6EB4

HotPink2 #EE6AA7

Gold2 #EEC900

HotPink3 #CD6090

HotPink4 #8B3A62

Pink1 #FFB5C5

Pink2 #EEA9B8

Pink3 #CD919E

Pink4 #8B636C

LightPink1 #FFAEB9

LightPink2 #EEA2AD

LightPink3 #CD8C95

LightPink4 #8B5F65

PaleVioletRed1 #FF82AB

PaleVioletRed2 #EE799F

PaleVioletRed3 #CD6889

PaleVioletRed4 #8B475D

Maroon1 #FF34B3

Maroon2 #EE30A7

Maroon3 #CD2990

Maroon4 #8B1C62

VioletRed1 #FF3E96

VioletRed2 #EE3A8C

VioletRed3 #CD3278

VioletRed4 #8B2252

Magenta1 #FF00FF

Magenta2 #EE00EE

Magenta3 #CD00CD

Magenta4 #8B008B

Orchid1 #FF83FA

Orchid2 #EE7AE9

Orchid3 #CD69C9

Orchid4 #8B4789

Plum1 #FFBBFF

Plum2 #EEAEEE

Plum3 #CD96CD

Plum4 #8B668B

MediumOrchid1 #E066FF

MediumOrchid2 #D15FEE

MediumOrchid3 #B452CD

MediumOrchid4 #7A378B

DarkOrchid1 #BF3EFF

DarkOrchid2 #B23AEE

DarkOrchid3 #9A32CD

DarkOrchid4 #68228B

Purple1 #9B30FF

Purple2 #912CEE

SeaGreen3 #43CD80

SeaGreen4 #2E8B57

PaleGreen1 #9AFF9A

PaleGreen2 #90EE90

PaleGreen3 #7CCD7C

PaleGreen4 #548B54

SpringGreen1 #00FF7F

SpringGreen2 #00EE76

SpringGreen3 #00CD66

SpringGreen4 #008B45

Green1 #00FF00

Green2 #00EE00

Green3 #00CD00

Green4 #008B00

Chartreuse1 #7FFF00

Chartreuse2 #76EE00

Chartreuse3 #66CD00

Chartreuse4 #458B00

OliveDrab1 #C0FF3E

OliveDrab2 #B3EE3A

OliveDrab3 #9ACD32

OliveDrab4 #698B22

DarkOliveGreen1 #CAFF70

DarkOliveGreen2 #BCEE68

DarkOliveGreen3 #A2CD5A

DarkOliveGreen4 #6E8B3D

Khaki1 #FFF68F

Khaki2 #EEE685

Khaki3 #CDC673

Khaki4 #8B864E

LightGoldenrod1 #FFEC8B

LightGoldenrod2 #EEDC82

LightGoldenrod3 #CDBE70

LightGoldenrod4 #8B814C

LightYellow1 #FFFFE0

LightYellow2 #EEEED1

LightYellow3 #CDCDB4

LightYellow4 #8B8B7A

Yellow1 #FFFF00

Yellow2 #EEEE00

Yellow3 #CDCD00

Yellow4 #8B8B00

Gold1 #FFD700

Gold3 #CDAD00

Gold4 #8B7500

Goldenrod1 #FFC125

Goldenrod2 #EEB422

Goldenrod3 #CD9B1D

Goldenrod4 #8B6914

DarkGoldenrod1 #FFB90F

DarkGoldenrod2 #EEAD0E

DarkGoldenrod3 #CD950C

DarkGoldenrod4 #8B658B

RosyBrown1 #FFC1C1

RosyBrown2 #EEB4B4

RosyBrown3 #CD9B9B

RosyBrown4 #8B6969

IndianRed1 #FF6A6A

IndianRed2 #EE6363

IndianRed3 #CD5555

IndianRed4 #8B3A3A

Sienna1 #FF8247

Sienna2 #EE7942

Sienna3 #CD6839

Sienna4 #8B4726

Burlywood1 #FFD39B

Burlywood2 #EEC591

Burlywood3 #CDAA7D

Burlywood4 #8B7355

Wheat1 #FFE7BA

Wheat2 #EED8AE

Wheat3 #CDBA96

Wheat4 #8B7E66

Tan1 #FFA54F

Purple3 #7D26CD

Purple4 #551A8B

MediumPurple1 #AB82FF

MediumPurple2 #9F79EE

MediumPurple3 #8968CD

MediumPurple4 #5D478B

Thistle1 #FFE1FF

Thistle2 #EED2EE

Thistle3 #CDB5CD

Thistle4 #8B7B8B

grey11 #1C1C1C

grey21 #363636

grey31 #4F4F4F

grey41 #696969

grey51 #828282

grey61 #9C9C9C

grey71 #B5B5B5

gray81 #CFCFCF

gray91 #E8E8E8

DarkGrey #A9A9A9

DarkBlue #00008B

DarkCyan #008B8B

DarkMagenta #8B008B

DarkRed #8B0000

LightGreen #90EE90

Chocolate3 #CD661D

Chocolate4 #8B4513

Firebrick1 #FF3030

Firebrick2 #EE2C2C

Firebrick3 #CD2626

Gold4 #8B7500

Goldenrod1 #FFC125

Goldenrod2 #EEB422

Goldenrod3 #CD9B1D

Goldenrod4 #8B6914

DarkGoldenrod1 #FFB90F

DarkGoldenrod2 #EEAD0E

DarkGoldenrod3 #CD950C

DarkGoldenrod4 #8B658B

RosyBrown1 #FFC1C1

RosyBrown2 #EEB4B4

RosyBrown3 #CD9B9B

RosyBrown4 #8B6969

IndianRed1 #FF6A6A

IndianRed2 #EE6363

IndianRed3 #CD5555

IndianRed4 #8B3A3A

Sienna1 #FF8247

Sienna2 #EE7942

Sienna3 #CD6839

Sienna4 #8B4726

Burlywood1 #FFD39B

Burlywood2 #EEC591

Burlywood3 #CDAA7D

Burlywood4 #8B7355

Tan2 #EE9A49

Tan3 #CD853F

Tan4 #8B5A2B

Chocolate1 #FF7F24

Chocolate2 #EE7621

 


Veja algumas aplicações uteis para o código das cores: também:
Como fazer e colocar botões no blog: esse código permite fazer botões em usar imagens isso deixa seu blog mais rapido e com ótima aparência.

Ou você pode Colocar bordas nas imagens do blog dando um efeito de moldura das suas imagens. E também o código das cores é util quando você quer Alterar cores dos links do seu blog. Embora seja possível fazer isso na pagina design do modelo em alguns casos será mesmo necessário editar diretamente no html do blog.

Comentários

  1. muito boa essa lista com as cores

    ResponderExcluir
  2. Gostei dessa, vou voltar depois p/ começar.

    ResponderExcluir
  3. aonde eu coloco esse codigo de cores?desculpe a minha pergunta é que não sei mexer muito bem no blog rsrsrsrs brigadinha

    ResponderExcluir
  4. Patríciapraticamente tudo no blog é feito com esses códigos, cor do texto, fundo, bordas.. enfim qualquer cor que use na internet é feita com esses códigos, excluido as imagens é claro.

    veja esse link sobre bordashttp://dicasparablogs.blogspot.com/2008/08/colocar-ou-alterar-as-bordas.html

    é um exemplo de como usar

    ResponderExcluir
  5. Olá boa noite:

    Agradecia imenso que me desse uma dica que para mim é muito importante.

    O meu blog como pode verificar tem o fundo a preto e, acontece que os comentários que nele escrevem não estão logo bem visíveis, pois só passando com o rato por cima e seleccionando cada comentário é que consigo vê-los, como é que eu posso fazer para que os comentários possam ter outra cor (por exemplo branca) para que possa estar logo bem visível?

    Vê-se bem quem comenta mas o comentário é que não se vê a não ser só seleccionado como atrás cito.

    Agradeço uma resposta a esta minha pergunta passo a passo o mais breve possível.

    Cumprimentos e desde já agradeço s/resposta.

    ResponderExcluir
  6. Eaí Fabiano, tb bm ctg???

    Posso usar os códigos da grade de cores desse seu post para colocar no meu Blog???

    ResponderExcluir
  7. Circuito
    se colocar um link dizendo que pegou o código de nosso blog pode usar

    ResponderExcluir
  8. Por gentileza dá uma passadinha no meu blog e me ajude...please!
    Preciso:Mudar a cor da letra do link, aumentar umas letras, tirar aqules coraçõeszinhos menu lateral e colocar o "botão", link dos comentários.
    Obrigada.
    Valeu

    ResponderExcluir
  9. Petit Art - Maitê
    escreva para nosso email para falarmos sobre esse assunto

    ResponderExcluir
  10. Muito bom todos seus posts inclusive esse sera que tem como vc me passar o codigo HTML so das cores desse post para mim colocar no meu blog, vc em outro post tem o html de uma caixinha de cores mas não gostei muito.VALEW

    ResponderExcluir
  11. queria colocar um template do piu piu
    como posso fazer

    ResponderExcluir
  12. gisafessora
    tente achar um para download usando o google...

    mas como queria o template? usar a imagem do piu piu como fundo do blog ou algo mais?

    ResponderExcluir
  13. Olá, estou tentando descobrir como alterar a cor dessas barras laterais (essas que são azul no seu blog)!!! Me ajuda!!!

    ResponderExcluir
  14. a cor azul neste blog é o fundo(body), e o código da cor é #66ccff

    ResponderExcluir
  15. Olhem esse gerador de cores, é o que eu uso diariamente.
    http://megatemplatesblogger.blogspot.com/p/gerador-de-cores.html

    Postei ele no meu Blog como uma página.

    ResponderExcluir
  16. Tenho um blog que faço sempre algumas alterações conforme necessito;

    Tenho duas dúvidas:
    Para trocar a cor da caixinha de postagem que fica logo abaixo da postagem, como eu faço ? já fui em opções de "Cores e Fontes" não existe forma de se alterar este item, não fica disponível.
    Tive até que mudar de layout, pois meu blog é todo rosa e ficava aquela caixinha verde...

    E outra coisinha; eu altero as cores dentro do blog mas como tem bordas arredondadas, ele continua deixando um cantinho da cor original, tem como, ou tirar a borda arredondada ou colocar esses cantinhos da cor que eu preciso ?


    Acho que terei que entrar na edição em html, mas não sei que linha mudar...

    Pode me ajudar ?

    meu blog: http://siegrid.blogspot.com

    ResponderExcluir
  17. Muito boa essa lista de cores.Completa e funciona 100%.Obrigada pela ajuda.

    ResponderExcluir
    Respostas
    1. Desculpem-me o "mico". Já encontrei os códigos das cores verdes. Minhas sinceras congratulações ao pessoal do Blog.
      Continuo a perguntar: - Eu poderia usar esses códigos para mudar a cor dos textos na Web (Face, WhatsApp, Messenger, Globo Esporte,SMS...???

      Excluir
    2. são códigos para usar junto com html... não sei se no WhatsApp tem algum lugar que aceitaria esse código

      Excluir
    3. esses código funcionam em paginas de internet que você está criando ou editando... não sei dizer sobre esses exemplos que você citou

      Excluir
  18. olá! gostaria de saber como eu posso mudar a cor dos links em meu blog, eu já consegui mudar alguns mas ficou ainda quando passa o mouse nos links das postagens a cor muda para #7AB817 e eu queria #D3D3D3. foi o unico lugar que eu não consegui tirar essa cor! me ajude, por favor.

    obrigado, adoro seu blog.

    ResponderExcluir
  19. a cor do link quando o mouse está sobre ele é no trecho a:hover{....

    mas veja se não tem mais de uma vez esse trecho no seu blog, ele pode ser configurado separadamente por exemplo .main a:hover{.. isso seria quando o mouse está sobre o link somente na coluna principal(postagens)

    se estiver só a:hover{...é para a pagina toda.

    ResponderExcluir
  20. VALEU CARA!! AMO VC E SEU BLOG \o/

    ResponderExcluir
  21. Fabiano Bom Dia, estou usando suas dicas em meu blog, ja fiz todas e deu todas certo, mas tem uma que não consegui de jeito nenhum, porque não consegui encontrar onde colocar a segunda parte do codigo, a que me refiro a aquela onde colocamos numeração no final de cada pagina a exemplo do google onde mostra numeração ao inves de postagens mais antigas, se voce poder me dar uma ajuda eu te agradesço muito, seu blog e suas dicas são super 10, parabens pelo site, te convido a visitar o meu. No aguardo de sua ajuda e desejando otimo dia a voce....
    Me desculpe se postei no local errado

    ResponderExcluir
  22. em alguns templates o código de numero apresenta erros, ainda não achamos um que funcione bem em todos os modelos

    ResponderExcluir
  23. No meu caso Fabiano , não e erro que ta aparecendo, p caso e que não tem la onde colocar a segunda parte do codigo onde e informado em seu codigo, no meu eu não encontro onde se coloca a segunda parte do codigo, não sei se voce me entende essa parte :Coloque o código abaixo entre b:section e div ja revirei o codigo todo e nao encontro, não sei se entendi direito sua explanação no tutorial, espero que se pudr me da uma força, obrigado meu amigo e mais uma vez parabens pelo site ta muito show

    ResponderExcluir
  24. você precisa clicar para expandir o modelo html para achar algumas coisas no código do seu blog, talvez seja esse o seu problema

    ResponderExcluir
  25. sempre clico em expandir Fabiano e uso o recurso do control f junto pra procurar, , mas mesmo fazendo isso não encontrei, não sei se tem que apagar alguma coisa la e colocar a segunda parte do codigo no lugar, mas assa parte que me referi acima la sinceramente no meu template não tem, b:widget id='Blog1' locked='tr ... mas abaixo da windget não tem a b:section e nem a b:div. ai e que to perdido meu amigo, se puder me dar uma luz te agradesço. Otimo dia para voce

    ResponderExcluir
  26. gazparzinhofc
    sobre qual código está falando? o que está tentando fazer no seu blog?

    você está deixando comentários na postagens errada, aqui não falamos sobre alterar códigos, só mostramos o código das cores.

    ResponderExcluir
  27. Me Desculpe amigo Fabiano por estar postando no local errado meu amigo, prometo não mais fazer isso, respondendo a pergunta o que eu tava perguntando era sobre essas dicas aqui :- Colocar numeração nas paginas do blog
    Para colocar numeração nas paginas do blog parecido com a numeração das paginas de busca do Google ou Yahoo que no final da pagina mostra em qual página você está e quantas têm antes e depois dela, usamos um código em duas partes.

    E essa que eu não consegui, mas uma vez me perdoa pela postagem no local errado, e que e a primeira vez que mecho com blog, o que eu falei acima e que não sei onde colocar a segunda parte do codigo. Obrigado meu amigo mais uma vez, e mais uma ves desculpe seu amigo aqui

    ResponderExcluir
  28. não tem problema fazer a pergunta nesta postagem, só comentei que não tinha código nesta publicação pois estava na duvida sobre qual código estava usando.

    aqui tem um código para numeração Colocar numeração nas paginas do blog

    mas em alguns casos ele dá erro, mas infelizmente não achamos um código melhor que esse por enquanto.

    ResponderExcluir
  29. Bom Amigo Fabiano, te agradeço pela ajuda, mas infelizmente não consegui colocar a segunda parte do codigo la, no meu não encontro onde ta a section e o div, não encontro e não sei se tem que apagar o que ta la e recolocar esse no lugar, mas a verdade e que não encontrei o section e o div pra inserir o codigo, valeu pela força meu amigo, mais uma vez parqabens pelo site, nota mil

    ResponderExcluir
  30. oi.. fiz um blog a pouco tem´po ainda nao tenho nenhumvisitante... antes de tudo queria deixar meu blog bem legal, queria mudar o fundo do meu blog colocando um fundo de tela bem autentico como eu faço? no meu blog escrevo mutos pensamentos... como faço para colcar videos, fotos, e como adicionar amigos e visitantes? por favor me ajude... bjs!!!

    ResponderExcluir
  31. ha, e eu me complico com essas siglas (HTML, ALT GR) e outros codigos a mais... queria tirar essas duvidas... como posso fazer???

    ResponderExcluir
  32. johnies
    sei que no inicio queremos fazer tudo de uma vez, mas tenha calma, senão vai se atrapalhar fazendo muitas coisas ao mesmo tempo.

    para enviar fotos para o blog na pagina de postagem tem uma ferramenta que permite carregar imagens do seu computador.

    aqui tem um tutorial sobre colocar videos no blog

    html é o código das paginas de internet, uma linguagem de programação

    ResponderExcluir
  33. mE AJUDOU MUITO MESMO ADOREI!!!!!!!

    ResponderExcluir
  34. ficou lindo, embora tenha sido dificil achar o tal lugarzinho no meio do testamento

    ResponderExcluir
  35. super fixe gostei mt ficou xou bgds

    ResponderExcluir
  36. Não tá aparecendo nada!!!fiz tudo direitinho....

    ResponderExcluir
  37. ana costa
    está tentando fazer o que?... explique melhor ...

    ResponderExcluir
  38. adoreiii seu blog,é muito interessante...ameiiiiiii

    ResponderExcluir
  39. Fabiano oi, eu queria saber se tinha como tipo colocar uma lista mostrando os marcadores, pq quando eu fiz esse não aparecia nenhum dos meus marcadores e quando eu fiz o do Blogspot ficou tudo bagunçado
    Obrigado desde já
    Adoro o site =)

    ResponderExcluir
  40. Sam
    explique melhor... quando eu fiz o do Blogspot ficou tudo bagunçado?

    fora de ordem? se for isso veja no gadget dos marcadores tem como organizar por numero de publicações ou ordem alfabetica

    ResponderExcluir
  41. Muito Bom Dicas para blog.com


    Só uma dica:

    A cor transparente também pode ser assim:
    #transparent que fica sem cor nenhuma.
    Isto foi testado.

    ResponderExcluir
  42. parceiro....boa noite....estou querendo tirar uma cor rosa que esta como titulo das postagens, mais n consigo encontrar o codigo de jeito nenhum ;/

    tem como ver isso pra mim?

    http://nopagodjeh.blogspot.com/
    olha aí
    abraços

    ResponderExcluir
  43. opss... endereço do blog foi errado..é esse aí de baixo

    parceiro....boa noite....estou querendo tirar uma cor rosa que esta como titulo das postagens, mais n consigo encontrar o codigo de jeito nenhum ;/

    tem como ver isso pra mim?

    http://sohpagode.blogspot.com/
    olha aí
    abraços

    ResponderExcluir
  44. Soh Pagode

    veja esse trecho do seu html

    .post h3 a, .post h3 a:visited, .post h3 strong {
    font-size: 14px;color: #ff0285; text-shadow: none}

    .post h3 a:hover{color: #ff0285; text-decoration:none}


    isso aqui é a cor rosa: #ff0285;

    você deve mudar as duas que aparecem no código, aqui tem o Código das Cores

    ResponderExcluir
  45. Vlww Fabiano
    mt obrigadoo
    abraços

    ResponderExcluir
  46. tem como deixar um blog mais seguro...

    ResponderExcluir
  47. Olá, boa noite Fabiano, adoro suas dicas!
    Fabiano como faço pra mudar a cor dos títulos das postagens das páginas no blog. Coloquei uma cor rosa nos títulos das postagens, fica cor de rosa mas quando clico nele(s) fica(m) preto. Ficou feio não combinou com meu tema, assusta!! Isso acontece somente quando clica nas páginas e nos títulos das postagens! Quero tirar a cor preta.
    Obrigada!

    beijinhos ;**

    ResponderExcluir
  48. Liege Karina
    crie um código sem o a{... no mesmo estilo e com a mesma cor..

    por exemplo h2{color:#0ff;}

    mas é claro que isso depende do codigo html do seu blog, os templates variam um pouco

    ResponderExcluir
  49. Eu de novo Fernando =D
    Quando você fala "criar um código" é apenas um pequeno trecho, certo?
    Onde eu o coloco no meu html?
    Meu modelo é esse:

    Te mandei um e-mail!

    Obrigada pela atenção!

    ResponderExcluir
  50. Liege Karina


    no estilo h3.post-title {color:#0000ff;
    margin: 0;
    font: normal bold 30px Paytone One;
    }

    coloque a cor do titulo que desejar, assim mesmo na pagina individual ele ficará na cor que escolheu.

    o trecho color:#0000ff; é a cor no seu html não tem isso

    respondi por email também.

    ResponderExcluir
  51. Olá Fabiano,eu estou com a mesma dificudade que a "liegi" eu li os cometários e fiz igual como vc disse a ela (criar um estilo), mas não funcionou comigo, as letras do titulo das postagens continuam pretas(quando clicadas para ver a postagem). Meu modelo é o simples(aquele azulzinho, o 1º do blogger).

    Manoel Cabral

    ResponderExcluir
  52. @Anônimo normalmente o estilo do titulo da postagem é h2 ou h3, então procure por isso no seu blog

    ou .post h2 isso varia conforme o template

    mas se não achar tente criar o estilo .post h2{....}

    ResponderExcluir
  53. Fabiano,troquei o template do meu blog.
    Peguei de novo barra de rolagem,menu suspenso e o código de cores.
    Aproveito para desejar a você e toda equipe do Dicas Blogs:
    FELIZ ANO NOVO,bjus

    ResponderExcluir
  54. adorei bem bolado este plano eu consegui e ficou bem bonito meu blog eu coloquei da cor lavender

    ResponderExcluir
  55. muito obrigado pela essa tabela de cores, mas eu tenho uma pergunta, eu peguei a cor azure e como eu faço para no meu blog colocar um codigo para deixar as cores tranparete ?

    ResponderExcluir
  56. para retirar a cor de fundo o código é background-color: none;

    ResponderExcluir
  57. gente por favor alguem me diz onde se acha esse favicon eu quero colocar akela fotinha no meu blog, espero respostas

    ResponderExcluir
  58. Magenta[b]oi boa noite[/b]magenta

    ResponderExcluir
  59. o funcionamento é diferente. tem que usar divs ou nos estilos CSS deste jeito

    color:#00f;

    ResponderExcluir
  60. ae cara porque ñ botar petalas de rosas

    ResponderExcluir
  61. ae cara porque vcs tanbem ñ botar petalas de rosas

    ResponderExcluir
  62. esses códigos são apenas para cores solidas e não desenhos

    ResponderExcluir
  63. Páginas do blog com cor de fundo diferente, é possivel??? Pagina inicial branca e as outras em azul, por exemplo.

    ResponderExcluir
  64. paginas com fundo diferente deve ser possível fazer mas tem muitas chances de erros e quanto mais opções de cores usar mais complicado fica o html do seu blog

    ResponderExcluir
  65. oi, eu destou prescizando da sua ajuda mano.
    Eu fiz a maior cagada no meu blog.
    Eu foi kerer mudar a cor de um link (eu acho, não mi lembro o que estava fazendo!), e mudou todo fundo blog de preto.
    tah feio. e quero mudar para branco de novo antes que meus leitores fejam.
    então eu não sei ke parte dos codigos (Modelo-Editar HTML)esta a opição para mudar para branco. pfpf mi ajude!!

    ResponderExcluir
  66. Jhon LucCas :) use nossa pesquisa e procure por cor de fundo do blog ou pagina design do modelo dependendo do seu template funcionará de um jeito.

    mas infelizmente se não tem o backup não tem como recuperar os códigos que apagou.

    veja também nas partes que alterou se não faltou algum sinal por exemplo { } / " '

    ResponderExcluir
  67. adorei as cores!!!!!!!!!!!

    ResponderExcluir
  68. NOSSA, ADOREEEI O SITEE, OBRIGADA, ME AJUDOU MUITOO!

    ResponderExcluir
  69. valeu.... gostei muito desse site, o melhor de dicas para blog!!!!

    ResponderExcluir
  70. Nossa parabens meu blog ficou show se quizerem ver o meu blog esta ai o site:http://lookdodia-adia.blogspot.com.br/ to no começo ainda

    ResponderExcluir
  71. Oi, consegui e seu blog e shooooow . Amei ... vc ta de ´parabens

    ResponderExcluir
  72. adorei aqui muita orientação. Como fazer para os botões ficarem na horizontal? obrigado

    ResponderExcluir
  73. E como faço para aumentar o tamanho dos menus???

    ResponderExcluir
    Respostas
    1. vai depender de qual código usou para fazer o menu.

      tem que alterar os estilos css, mas para isso precisa saber o nome do estilo que é o menu que você quer alterar

      no caso do link que postei no outro comentário (acima). O tamanho do botão é no código width:198px

      mas é claro se usar imagem para fazer o botão precisará fazer uma imagem no tamanho certo.

      o tamanho da letra do menu é font-size:12pt;

      Excluir
  74. Olá Fabiano... Eu fiz meu blog semana passada, ai eu queria deixar ele bem legal, bem a minha cara sabe. Tipo, personalizar ele com o fundo de várias pimentinhas, usando as cores vermelha e branca.
    Gostei muito das suas cores, porém não sei mexer no blog pra trocar elas. Sou deficiente visual e preciso da sua ajuda... Estou aguardando sua resposta!

    ResponderExcluir
    Respostas
    1. aqui tem link sobre como editar o seu blog:

      http://www.dicasparablogs.com.br/2013/11/formatar-texto-blog-mudar-cor-tamanho-estilo-letras.html

      para colocar pimentinhas ou qualquer outro desenho no fundo do blog é melhor usar uma imagem que você pode achar no google....

      na pagina designer tem as opções de cores e imagens de fundo.

      Excluir

Postar um comentário

Postagens mais visitadas deste blog

Sites de referências

Quer saber e mostrar no seu blog de onde vem suas visitas? Além dos contadores de visitas tradicionais que mostram estatísticas e o numero total de visitantes ainda podemos colocar no blog algumas ferramentas que mostram de onde vieram nossos visitantes, em qual site eles encontram nosso link para visitar o blog. O Feedit , não precisa de cadastro é apenas copiar o código(clique no botão getFeedit no site) e colocar no blog e já está pronto, as pessoas que entrarem no blog após você colocar o código já apareceram na lista gerada pelo site, ele tem algumas opções entre elas mostrar um mapa. O site Referrer precisa fazer cadastro e também fornece uma lista de onde vieram as visitas, mostrando inclusive a quantidade de visitantes de cada site. O cadastro é rápido e depois é só gerar o código para colocar no blog.Nos dois casos o código deve ser colocado no blog pela pagina layout, adicionar gadget, html/javascript, cole o código e clique para salvar. Esse tipo de serviço além de matar n

Novo Painel do Blogger e os Comentários

O Blogger atualizou seu painel para melhorar a navegação e deixar o Blogger mais fácil de usar. Concordo que ficou bonito, mas a notificação sobre novos comentários desapareceu. Na pagina inicial antiga do Blogger era fácil de saber havia comentários aguardando a moderação.

Formulário de contato

Uma coisa que todos os blogs precisam é manter um meio de comunicação com seus visitantes além dos comentários pois nem tudo que as pessoas querem dizer a respeito de um blog são comentários existem outros assuntos como criticas, sugestões, parcerias e outras coisas. Então é sempre bom deixar um endereço de e-mail no blog, mas além disso é possível colocar um formulário que enviará as mensagens de seus visitantes para seu e-mail. Esse formulário de contato pode ser colocado facilmente no blog pegando o código no site http://www.formulariopro.pog.com.br , lá você preencherá alguns dados como seu e-mail e pronto. Basta pegar o código e colocar no seu blog, no Blogspot isso deve ser feito pela pagina editar layout >>> adicionar elemento de pagina >>> html/javascript então coloque o código nessa janela e clique salvar. Lembre-se de verificar a caixa de spam (ou e-mails em massa) de seu e-mail pois alguns deles classificam os e-mails recebidos desse serviço com spam. Ve