25/04/2009

Como Formatar o Texto do Blog

Quando o assunto é fazer mudanças num blog o mais importante que precisamos saber é como funciona a formatação do blog, ou seja, como definimos onde as coisas vão aparecer, larguras das colunas, quantas colunas o blog tem, quais cores vamos usar, tipo, tamanho e cores das letras, imagens ou cores de fundo, bordas e outras coisas, isso tudo é feito com estilos CSS.
Falar sobre todos esses assuntos de uma só vez é praticamente impossível então vamos por partes, hoje vamos falar sobre formatação do texto. Veja o exemplo abaixo:

.post{font-family: "Comic Sans MS";
color: #0000CC;
font-size: 12pt;
font-style: italic;
line-height: 120%;
font-weight: bold;
text-decoration: none;
}
O inicio dele é o nome do estilo no exemplo acima .post, ou seja, esse estilo será aplicado nas postagens do blog, também poderíamos usar em qualquer outra parte: #sidebar é a coluna, body é a pagina inteira e assim por diante.
Agora vamos mostrar o que faz cada uma das linhas:

font-family: "Comic Sans MS";
Tipo de letra, poderia ser qualquer outra: arial, verdana, Times New Roman, mas não use fontes que você baixou da internet, porque o blog vai usar as fontes disponíveis no computador da pessoa que está visitando o blog, ou seja se essa pessoa não tiver a fonte que você escolheu ele vai usar outra e isso pode prejudicar sua formatação.

color: #0000CC;
aqui temos o cor do texto, para alterar é só trocar o código da cor.
font-style: italic;
Essa linha faz a fonte itálica, se não quiser apague essa linha ou coloque a palavra normal no lugar de italic

font-weight: bold;
Isso faz texto em negrito, se não quiser apague essa linha ou coloque a palavra normal no lugar de bold, se apagar a linha e o texto continuar em negrito é necessário deixar essa linha, mas com a palavra normal no lugar de bold, isso acontece, por exemplo, se outro estilo CSS já estiver usando bold, por exemplo, se usou texto em negrito no body{...} a pagina inteira ficará em negrito então onde queremos texto normal é preciso colocar font-weight: normal, essa mesma explicação vale para qualquer coisa feita em CSS, como por exemplo, o texto em itálico.

font-size: 12pt;
O numero 12 é o tamanho da letra

line-height: 120%;
120 é a altura da linha, ou seja, se aumentar esse valor terá um espaçamento maior entre as linhas do texto.

text-decoration: none;
Essa linha tira o sublinhado do texto, principalmente usado em links.

Se quiser criar uma formatação para um determinado texto pode usar como nome do estilo qualquer palavra, como .especial{....} o ponto antes da palavra especial faz parte do código, você pode usar esse estilo dentro de uma postagem ou nas colunas do blog inserindo o texto através da pagina layout, adicionar gadget, html/javascript e colocando o código <div class="post">seu texto formatado</div>

Por ultimo precisamos dizer para tomar muito cuidado com as aspas e ponto-e-vírgula e chaves que estão neste código, pois se apagar qualquer uma delas o código pode não funcionar corretamente.

Veja também:
Criar ou modificar bordas
Formatação Especial nos Textos das Postagens - Destacar partes do Texto
Fazer botões sem usar imagens
Criar botões usando imagens
Related Posts with Thumbnails

137 comentários:

  1. Oi, seu blog e massa... coloquei o seu blog no meu, me adiciona no seu tambem...ok
    Valeu...

    ResponderExcluir
  2. Muitíssimo obrigada por ensinar estas coisas de livre e espontânea vontade!
    Será muito útil!

    ResponderExcluir
  3. Olá, gostei muito das dicas, realmente uteis!

    Como posso colocar scrips em meu blog de maneira que este esta formatado de acordo com a linguagem.

    ex: Quero colocar uns scrips Python no meu blog, mas quero que apareça toda formatação de acordo com o padrão que existe em outros foruns, blogs, etc. E se eu coloca-se um code em C++, que este apareça com a formatação padrão de outros foruns e blogs, endente ??

    Desde já valeu !

    ResponderExcluir
  4. poucos scripts já vem com a formação então se o que está tentando colocar não tem terá que fazer você mesmo, usando uma div, assim:

    <div style="....formatação"> script </div>


    imagino que funcione, não posso falar exatamente dos script que você citou pois nunca usei.

    ResponderExcluir
  5. Olá, queria pedir sua ajuda para o meu blog na caixa de novas postagem não tem mais as opção colocar outra cor e nem formatar para justificado, centralizados essas partes todas gostaria de saber se tem como vc e ajudar adorei o seu blog...

    ResponderExcluir
  6. na pagina de postagem tem duas guias, veja no canto direito em cima de onde você escreve, lá tem editar html e escrever, clique em escrever.

    se não der certo pode ser uma falha momentanea do blogger, então aperte o botão f5 ou atualizar pagina, isso deve resolver

    ResponderExcluir
  7. entrem no meu blog e veja o exemplo de como esse site me ajudou muito

    http://rafaeldiasgaleno.blogspot.com/

    ResponderExcluir
  8. Muito legal o seu blog.
    Fiz meu blog recentemente e estava completamente perdida!!!
    Seu blog esta me ajudando muito!
    VLW!!!!!!!

    Visite meu blog e veja como ficou, graças a sua ajuda..
    Tem q mudar muita coisa.. Mais ta indo.
    rsrsr.

    Fique com Deus!

    www.atelierdanane.blogspot.com

    ResponderExcluir
  9. No meu blog todos os link's estão sublinhados, eu ja mexi em tanta coisa para tentar tirar o sublinhado dos links mais nada da certo.
    Alguem pode me ajudar como posso arrumar isso ?
    Link do blog: http://taurengames.blogspot.com

    Preciso de ajudar para tirar o sublinhado dos link's.
    Obrigado !

    ResponderExcluir
  10. Tauren
    visitei seu blog agora e acho que já resolveu o problema, não tem sublinhado nos links, mas se ainda tiver alguma duvida olhe essa postagem
    http://www.dicasparablogs.com.br/2009/07/efeitos-em-links-sublinhado-sobrelinha.html

    ResponderExcluir
  11. Tauren ou talvez o que está procurando não seja sublinhado mas uma borda embaixo dos links, veja isso no html do seu blog:

    #main-wrapper a {
    border-bottom:1px solid #999999;
    color:#FFFFFF;
    }
    #main-wrapper a:hover {
    border-bottom:1px solid #666666;
    color:#999999;
    text-decoration:none;

    apague as linhas que começam border-bottom:1px .... além dessas tem outros no seu html um pouco mais abaixo deste trecho, pode tirar todas, mas sugiro ir tirando algumas e visualizando o blog para ter certeza que está fazendo exatamente o que você quer.

    ResponderExcluir
  12. Fabiano, desculpe mais o meu blog ainda está com links sublinhado, observe as imagens e os links que tem nos post(os links de download), eles estão sublinhados na cor cinza e quando você passa o mouse ele fica na cor preta, ja tentei com as dicas do post "Efeitos em links" mais nada da certo... Se puder me da mais alguma dica eu agradeço.
    Obrigado.

    ResponderExcluir
  13. Tauren

    você tem razão, veja o meu outro comentário sobre as bordas, aquilo não é sublinhado são bordas.

    ResponderExcluir
  14. Fabiano muito obrigado, era isso mesmo, agora eu conseguir tirar as bordas que eu queria.
    Muito obrigado mesmo cara.
    Abraços.

    ResponderExcluir
  15. Não consigui mudar o tamanho da fonte da minha barra do lado esquerdo. Aonde eu posto meu perfil.
    Por favor me dá uma mão...
    http://rabaydownloads.blogspot.com/

    ResponderExcluir
  16. Rabay Downloads

    geralmente a fonte das colunas é em #sidebar{...

    se não tiver tente colocar esse linha, mas veja se já existe algo parecido definindo o estilo da fonte

    ResponderExcluir
  17. Pow Fabiano valeu pela atenção mas não consegui mudar, futuquei tudo até o que não devia e nada mudou.
    A medida que eu ia mudando eu vizualizava e nada mudou o tamanho das letras.

    Brigadão pela atenção

    Rabay downloads

    ResponderExcluir
  18. as vezes tem coisas duplicadas no codigo, por exemplo, se colocar algo definindo a postagem(.post) e já tiver isso em outra parte não funcionará corretamente, por isso é necessário procurar em todo o html do blog

    ResponderExcluir
  19. Olá! Seu blog é show! Estou aprendendo muita coisa e mudei todo o visual do meu blog. Mudei cores e tal. Mas acho que o blog ficou muito largão... gostaria que ele tivesse três colunas. Fui lá no seu tutorial, que aliás está super explicado, mas o código html do meu blog está uma confusão só... não consegui encontrar nadaaaaaa! Ou melhor, até encontrei, mas tudo muito diferente do que vc postou. Aí fiquei com medo e achei melhor não mexer pra não estragar o que já está bom... (mas quero que fique melhor!)
    E gostaria também que o espaçamento entre as linhas diminuisse, mas como te falei o código do meu blog está uma bagunça! Por exemplo, vc fala que o espaçamento tem que aparecer em uma linha assim: line-height: 120%; só que no meu aparece line-height em dois lugares e assim:
    #header h1 {
    margin:5px 5px 0;
    padding:15px 20px .25em;
    line-height:1.2em;
    text-transform:uppercase;
    letter-spacing:.2em;
    font: $pagetitlefont;
    }

    #header a {
    color:$pagetitlecolor;
    text-decoration:none;
    }

    #header a:hover {
    color:$pagetitlecolor;
    }

    #header .description {
    margin:0 5px 5px;
    padding:0 20px 15px;
    text-transform:uppercase;
    letter-spacing:.2em;
    line-height: 1.4em;
    font: $descriptionfont;
    color: $descriptioncolor;
    }

    Que loucura! Que é isso de 1.2em e 1.4em?? O que faço? Gostei do jeito que ficou o blog, mas se conseguisse ajeitar essas duas coisinhas ficaria mais feliz. Será que vc pode me ajudar?

    dá uma olhada no meu blog:
    myriangomesimoveis.blogspot.com

    Ainda estou inserindo funcionalidades nele. Logo, logo colocarei os blogs que sigo e o seu certamente estará lá!

    Valeu! Saudações!

    ResponderExcluir
  20. Myrian

    isso é o espaço entre as linhas do texto line-height

    e o espaçamento entre as letras line-height

    os valores estão em uma outra medida 1,2 em, mas poderia trocar isso por pixels ou porcentagem sem problemas é só ajustar os valores.

    salve um cópia do seu modelo antes de começar a mexer, assim não corre o risco de perder nada.

    ResponderExcluir
  21. Oi...
    Adorei o seu blog, muito bom mesmo, eu criei o meu recentemente e ainda estou aprendendo muitas coisas para colocá-lo em parecido comigo.
    Gosto muito de suas dicas, e tenho uma curiosidade:Vi alguns blogs bem personalizados, com tematica, muito colorido.Gostaria de personalizar o meu com a Turma do Pica Pau, como faço? Poderia me ajudar?
    Sucessos...

    Abçoss

    ResponderExcluir
  22. para personalizar o seu blog com o pica pau ou qualquer outra coisa você precisa achar imagens e usar algumas como fundo do blog ou perto dos titulos...

    é bom ter um programa para editar imagens assim poderá modifica-las para usar no blog

    se quiser aceitamos encomendas de templates, é só escrever para nosso email e acertaremos os detalhes

    ResponderExcluir
  23. Olá Fabiano, eu adoro suas dicas para blog!!!Inclusive seu link já se encontra no meu blog.Me ajudam demais!!Eu estou doida pra colocar 3 colunas no meu blog, mas vejo tantas coisas pra fazer que acabo desistindo. Por favor me ajude!!Ou seja, veja o meu blog e me dê uma opinião. Talvez mudar de template seria melhor. Fiz 1 ano de blog e quero mudar o visual. Abraços

    ResponderExcluir
  24. Adiléa, se resolver trocar o template salve o código dos gadgets antes para não correr o risco de perder nada

    ResponderExcluir
  25. Tentei aumentar o número de postagens na página principal do meu blog (Blogger), de 25 para 40, mas, apesar de ter sido salva a alteração que fiz na configuração, não foi feita a modificação, e continua com 25 postagens na página principal. Repeti a ação, e nada! Você pode me indicar a solução para isso?

    ResponderExcluir
  26. Rilva Sousa-Muñoz
    25 já são postagens demais para a pagina inicial do blog vai demorar demais pra carregar(aparecer) o blog e ninguém irá ler tudo, pense bem quantas postagens de um blog que não seja o seu, você lê?

    ResponderExcluir
  27. Parabéns pelo blog! Suas dicas são de grande utilidade para mim.
    Mas, nesse momento estou com um problema, a página inicial do meu blog está com todos os links sublinhados e alguns não ficam da cor que eu programei. Mas se eu abro a página de um post específico está tudo certo. Já olhei o html e não encontrei nenhum erro.
    O endereço do blog: http://clj-sj.blogspot.com/
    Por favor, me ajude. Obrigado!

    ResponderExcluir
  28. CLJ São José

    no html você encontra o seguinte:

    a:link {
    color:#6f3c1b;
    text-decoration:none;
    }
    apague essa parte :link, deixe só assim:

    a {
    color:#6f3c1b;
    text-decoration:none;
    }

    e depois apague o trecho:

    a:visited {
    color: #940f04;
    text-decoration:none;
    }

    ResponderExcluir
  29. Amigo, tentei fazer o que você falou, mas não funcionou. Notei que o problema só ocorre em páginas que tem mais de 5 postagens, as que possuem menos o problema não aparece. Essa informação te ajuda?!
    obrigado!

    ResponderExcluir
  30. CLJ São José
    pelo que vi no seu blog você está formatando o texto a cada postagem na hora de publicar, assim não conseguirá deixa-las iguais, precisa parar de formatar o texto na hora de postar e depois fazer uma formatação só na parte #main{..} do html do blog

    ResponderExcluir
  31. Obrigado pela ajuda. Vou tentar isso. Mas só vai adiantar a longo prazo, visto que já estão todas as postagens formatadas e vou precisar postar novas para ver o resultado.
    Muito obrigado mesmo!

    ResponderExcluir
  32. Coloquei "text-decoration:none;" em todos os trechos de links e h1, h2 e h3 e tudo mais, porém continua sublinhado ao passar o mouse, teria alguma maneira de tirar TODOS os links que ficam sublinhados ao passar o mouse, e colocar pra mudar de cor ao invez de aparecer sublinhado...
    Obrigado pela ajuda Fabiano :)

    ResponderExcluir
  33. para formatar links é preciso alterar o estilo a{... ou a:hover{....

    ResponderExcluir
  34. Oi, amei o seu blog. Tipo, criei um blog e queria edita-lo. Não quero que meu blog fique parecido com todos os outros blogs. Queria fazer uma coisa minha. Tipo, o meu blog será sobre piadas, vo colocar vídeos, essas coisas...
    Gostei da suas dicas, só que estão mt complexas e n consegui entender. Você tem msn, só pra me explicar direito. Queria colocar uma imagem de fundo bacana. Mas n sei editar nada. Só sei editar o básico mesmo. Por favor gostaria da sua ajuda. Bjs. Dá uma olhada no meu blog, e me dá umas dicas. Bjs.

    ResponderExcluir
  35. não usamos MSN para assuntos de blogs, mas se quiser escreva para nosso email.

    ResponderExcluir
  36. Olá Fabiano, mudei o background...antes ele era branco, agora é preto...
    nessa postagem aqui: http://x1-downloads.blogspot.com/2010/05/harvest-moon-back-to-nature-iso.html
    tem um comentario, e a cor da fonte é preta, sendo assim não tem como ver. Tambem do lado do icone que representa os comentarios tá escrito assim: "1 comentario", e em baixo, no outro icone, tem do lado: "Postar um comentario" e a fonte também é preta.
    como que eu mudo a cor deles? eu só consegui mudar em "Lucas disse..."
    Valeu.

    ResponderExcluir
  37. Yagami-Kun


    entre no html do seu blog e procure comment-body depois altere para ficar assim:
    .comment-body {color:#ffffff;
    margin-left: 0;
    padding-left: 0;
    }

    ResponderExcluir
  38. Cara, eu consegui mudar a cor do comentário, mas como que eu posso mudar tambem a onde fica: "1 comentário" e "Postar um comentário"

    eles se encontra do lado desse icone: http://sites.google.com/site/n1cki2007/commentsqt2.gif

    muito obrigado! =D

    ResponderExcluir
  39. você precisa colocar como uma imagem de fundo nos comentários, veja no link abaixo
    Imagem no título da postagem

    aqui fala sobre imagem no titulo, mas o procedimento é o mesmo, só que vai colocar esse código nos comentários.

    .comment-author a, .comment-author a:visited {
    color: #0000CD;
    }

    ResponderExcluir
  40. Olá,td bem ?
    Muito bom o tutorial, mas aonde eu coloco esses códigos? Debaixo de quais tag´s ?

    Abraço!

    ResponderExcluir
  41. não tem um lugar exato, pode ser depois de body{...}

    ResponderExcluir
  42. Boa tarde,

    Dei com o seu blog na internet, pois pretendo resolver um problema que tenho tido com formatação no blogspot. O problema consiste no seguinte: crio um post (normalmente acontece-me com posts de maiores dimensões, com bastantes fotos) com uma certa formatação e depois quando fica publicado e eu vou ver, está com outra formatação completamente diferente!

    Não sei como resolver isto. Já há muitos meses que me acontece este problema.

    O que me sugere para este caso?

    Obrigada,
    Cláudia Lopes

    ResponderExcluir
  43. Cláudia Lopes
    a visualização da postagem pode aparecer diferente, mas todas as postagens quando publicadas aparecem iguais?

    não use a formatação da pagina de postagem para editar o texto completo isso deve ser feito no html do blog

    ResponderExcluir
  44. Não, o post quando está no modo de editar está na formatação que escolhi, mas depois na pré-visualização e quando já publicadas, a formatação aparece diferente, tudo desalinhado e com letras maiores ou mais pequenas do que as que escolhi e com espaçamentos diferentes e as imagens todas fora do sítio.

    ResponderExcluir
  45. entre na pagina editar html e procure por um estilo .post, se não achar crie uma e faça a formatação como desejar

    Como Formatar o Texto do Blog

    ResponderExcluir
  46. Amigo!
    Te agradeço pelo post pois meu template não tinha codigo de formatação do texto na lateral
    obrigado

    ResponderExcluir
  47. Olá, você sabe como eu coloco apenas o link da barra lateral em negrito: http://primeiroset.blogspot.com/
    Quero que somente os links de blogs, sites oficiais e sites de vôlei fiquem em negrito? Obrigada

    ResponderExcluir
  48. Juliana Netto
    isso depende da forma que esses links foram colocados, se todos estiverem no mesmo gadget veja aqui:
    Personalizar gadgets do Blog
    senão tem que colocar o código do negrito em cada link

    ResponderExcluir
  49. amigo, estou com um problema em meu template, pois, não estava mostrando a formatação das postagens. Por expemplo: coloco um nome em negrito e outro normal, mas quando vou ver no blog não está em negrito, mas tudo normal.

    daí então depois de muito tempo, encontrei o problema, fui em Editar HTML, então coloquei:
    "font-weight:bold;"
    no entanto ficou ao contrário, o que tinha de ficar negrito não ficou, já o que não estava em negrito ficou.

    Então, o que faço pra resolver esse problema?

    ResponderExcluir
  50. Danilo
    também tentei formar esse gadget, mas parece que não aceita deve ser algo dentro dos códigos que geram a nuvem, não tem como alterar

    ResponderExcluir
  51. Bom, já que não tem jeito vou ter que me contentar com o que tenho mesmo (rsrsrs), mas de qualquer forma agradeço MMMUUUUIIITTTTOOOO!!!, tanto pela atenção, quanto pela rapidez com que respondeu ao meu comentário e te desejo cada vez mais sucesso. O SITE É D+ PARABÉNS!!

    ResponderExcluir
  52. Fabiano, consegui (EEBBAAAA), graças à Deus, depois de muito esforço e insistência consegui resolver o problema do "negrito ao contrário", acontece que, como eu havia digitado eu coloquei o seguinte código "font-weight:bold;" na parte do Conteudo, mas o problema foi resolvido quando apaguei esta parte, enfim deixei como estava, mas mudei na: IMPORT CLASSE TRIPOLI, deixando o que era antes "font-weight:normal;" assim "font-weight:bold;" e pronto. PROBLEMA RESOLVIDO. espero que se alguém tiver esse problema, possa ser de grande ajuda.


    Até a Próxima e FUIII!!

    ResponderExcluir
  53. Ola eu posto em meu blog mais nele não fica em negrito tipo eu pego e escrevo algo e coloco em negrito na postagem parece esta negrito antes de salvar mais ai salvo ele não fica negrito nenhuma postagem eu testei tambem pegando uma postagem de outro blog que estava em negrito tambem não funcionou algem me ajude ? coment ae :D ou msn : patrickfelipe2@hotmail.com fico muito grato se alguem me ajuda :D FELIZ NATALLLLLL \o/\o/

    ResponderExcluir
  54. veja se no html do seu blog tem font-weight: normal; se tiver apague isso retira o negrito

    ResponderExcluir
  55. Fabiano muito obrigado de verdade mano vlwzâo hehehe deu certo mesmo eu apaguei o font-weight: normal e pego normalmente ! OBG precisa to ae hehe :D

    ResponderExcluir
  56. Olá Fabiano, eu gostaria de saber uma coisa: quero colocar um novo tipo de fonte no meu blog, como vi no post:Usar outros Tipos de Fontes (letras) no Blog. Mas eu queria apenas no título das postagens, que código coloco no meu template ? e onde coloco ?

    ResponderExcluir
  57. Paulinha
    na pagina editar html você deve alterar o estilo h2 ou h3, isso varia conforme o blog, mas certamente um deles será o titulo das postagens, talvez esteja assim: .post h2{....

    ResponderExcluir
  58. Amei essa postagem me ajudou muito, temos outras dicas tbm no www.vidadasgarotass.blogspot.com na pagina Dica da Net vlw!!

    ResponderExcluir
  59. Olá!!!
    Gostaria de saber como coloca aquelas mensagens que ficam rolando ou passando devagar mais sem parar.
    Não consegui aprender ainda.Se puder deixar o link ou o gadget ficaria muito feliz.
    Desde já agradeço muito sua boa vontade de ensinar coisa úteis.
    Muita Paz!!!

    ResponderExcluir
  60. veja aqui sobre Texto deslizando

    se quiser que o texto não pare não use o trecho

    onmouseover="this.stop()"onmouseout="this.start()"

    ResponderExcluir
  61. Poxa super útil o blog. Eu estou iniciando neste mundo novo e tenho aprendido muito aqui!! Amei a iniciativa :)

    ResponderExcluir
  62. Desculpe... Não entendi o que devo escrever para poder usar a fonte.
    Respondam!

    ResponderExcluir
  63. a parte font-family: "Comic Sans MS"; altera a fonte, então pode usar outro estilo que goste mais...

    ResponderExcluir
  64. Eu fiz tudo que vc mandou, e deu certo, mais eu nao queria que tivesse escrito "mais informações", nao tem jeitod e mudar esse texto nao?, eu qeuria que tivesse escrito "visualizar o texto completo", pf me ajude como faço isso?

    ResponderExcluir
  65. tem que procurar esse trecho no seu html e alterar... claro se o jeito que incluiu o resumo da postagem no seu blog seja igual o mostrado neste tutorial...

    ResponderExcluir
  66. Eu ADorei - mas só que o meu fikou um em cima e outro em baixo fikou dois mim ajude pra tirar o de baixo

    ResponderExcluir
  67. Todos os meus textos têm aparecidos com formatações diferentes das quais eu coloquei.

    Os texto sai todo em itálico, ou metade em negrito... e eu não sei mais o que fazer.

    Talvez seja que por se tratar de textos grandes e que eu copiei diretamente do meu documento, então simplesmente os colo lá. E tem algumas palavras em itálico e etc, para dar ênfase.

    Mas quando eu visualizo aparece coisas que não têm no documento original... que são trechos grandes totalmente em itálico, ou negrito e etc..

    O que eu faço?

    ResponderExcluir
  68. Jéssica Risi
    as vezes copiar e colar diretamente do word dá problemas no blogger, dependendo de qual guia (html ou escrever) você utiliza..

    é melhor colar o bloco de notas antes para retirar a formatação e deixar para fazer isso no blogger

    ResponderExcluir
  69. Os meus textos aparecem com formatação diferente da que eu coloquei.

    Talvez seja porque eu colo os textos - por se tratar de um livro que já se encontra parcialmente escrito no meu PC - ou talvez por conter palavras isoladas em itálico.

    Mas acontece que quando eu visualizo, ou fica tudo em itálico, parcialmente em itálico ou negrito... mas nunca do jeito que se encontrava no documento original.

    O que eu faço?

    Também costumo postar textos pelo e-mail, e no entanto, acontece o mesmo problema... :(

    ResponderExcluir
  70. seu texto parece que é formatado na hora de postar, por exemplo a fonte font-family: Corbel, sans-serif e outra postagem usa font-family: Verdana;

    tente usar o blog de notas para retirar a formatação do word...

    se estiver usando outro programa para escrever faça o texto sem formatação e deixe para fazer isso na pagina da postagem

    ResponderExcluir
  71. Gostaria de trocar a cor da fonte do meu NOME do PERFIL que aparece no blog.ja tentei no avançado e não tem a opção o blog é: ginoivinhos.blogspot.com Obrigada aguardo.

    ResponderExcluir
  72. Parabéns pelas informações aqui postadas. Tem ajudado em muito.

    ResponderExcluir
  73. Fabiano nas postagens do meu blog eu acho que ta na fonte Arial, eu queria saber aonde acho no html do blog e o que coloco para as postagens ficar na fonte Georgia?

    ResponderExcluir
  74. procure o trecho body{....} e veja qual a fonte que está lá... e então troque por:
    font-family: Georgia, "Times New Roman", Times, serif;

    ResponderExcluir
  75. Fabiano não consegui achar body{....}, não tem outro jeito de trocar a fonte?

    ResponderExcluir
  76. todo blog tem o body{... claro que o conteudo depois da chave é diferente... use o ctrl F para achar

    tem varios outros lugares mas varia conforme o template

    se o seu blog está com arial, pode usar o ctrl F para achar o nome da fonte e trocar o código no mesmo local

    ResponderExcluir
  77. ola, FABIANO gostaria da suas ajudar p/ deixar meu blog + estilozo....onde eu possa falar sobre tudo q os jovens curtem.....sem parecer clicher...to começando agora e to simplismente perdido.... edinaldomendes2010@hotmail.com

    ResponderExcluir
  78. esporte
    modificar um blog leva um tempo... são muitas coisas para fazer, então escolha algo que deseja mudar e comece a pesquisar sobre isso... faça uma coisa por vez, senão pode se atrapalhar e não saber onde está algum erro que faça

    ResponderExcluir
  79. Boa tarde Fabiano! Li o post com atenção, li os comentários e mesmo assim não consegui mudar a fonte das postagens. A fonte é padrão e quero mudar para coming soon, só encontrei este trecho, que já tem outras fontes. O que devo fazer?

    ResponderExcluir
  80. Oi Fabiano! Tenho duas dúvidas:
    * Eu personalizei as letras do blog mas de vez em quando elas voltam pro estilo original, queria que elas ficassem (sempre) do modelo o qual escolhi;
    * Quero mudar(amentar) o tamanho e formato da fonte dos gadgets sem precisar mudar o tamanho da data, pois sempre que tento fazer isso a data se modifica também.
    O que eu faço amigo?
    meu modelo é esse:
    www.dicasebijoux.blogspot.com

    Obrigada!

    ResponderExcluir
  81. Liege Karina
    o blog não volta ao modelo original sozinho...

    tem certeza que ninguém sabe sua senha? tem outras pessoas junto com você no blog?

    ResponderExcluir
  82. Não, não somente eu sei a senha. Apenas as letras que voltam ao modelo original, só as letras! Eu sozinha que tomo conta dele =)

    ResponderExcluir
  83. Liege Karina
    é muito estranho isso que está dizendo... sugiro trocar sua senha...

    já faz tempo que uso o blogger e nunca vi o tipo de fonte trocar sozinha

    ResponderExcluir
  84. Certo, obrigada Fabiano!
    Você pode ir lá olhar pra conferir, elas mudam e voltam, mudam e voltam... não sei o que é isso me intriga. Se puder olha e me diz o que você acha( clique em alguma coisa)!

    Valew pela sua atenção!

    o link é esse www.http://dicasebijoux.blogspot.com

    ResponderExcluir
  85. Este comentário foi removido pelo autor.

    ResponderExcluir
  86. Liege Karina
    talvez seja o historico de interent que acessa seu blog por uma versão já salva no seu computador.

    na próxima vez que fiz alguma alteração de texto no seu blog, logo após terminar exclua o historico de internet

    ResponderExcluir
  87. Obrigada Fabiano! E a segunda duvida: Quero mudar(amentar) o tamanho e formato da fonte dos gadgets sem precisar mudar o tamanho da data, pois sempre que tento fazer isso em "Design de Modelo" a data se modifica também.
    =D

    ResponderExcluir
  88. Então para aplicar o CSS em body, como eu altero o código? (Já que esse é o código pra posts.)

    ResponderExcluir
  89. @Manuela se aplicar uma formação no body ela funciona no blog inteiro.

    mas se por exemplo usar o estilo .post{..} só funcionará nas postagens

    o complicado do CSS é que as vezes as regras se sobrepõe, por exemplo no body uso uma formatação para fonte tamanho 14 e cor preta, se no estilo .post eu colocar cor azul, a letra da postagem ficará azul mas no tamanho 14 (por causa da formatação do body)

    isso parece simples mas tem muitos estilos no blog: como por exemplo as colunas, gadgets e outros por isso as vezes é dificil editar

    ResponderExcluir
  90. Olá!
    Onde eu coloco esse código?
    Obrigado!

    ResponderExcluir
  91. Olá Fabiano tudo bem?
    Não sei se essa pergunta se encaixa bem a este post. Bom meu blog tem duas parte que está em inglês e eu não estou conseguindo axar o código do texto, queria saber se esse texto está dentro de uma script fora do HTMl do template, da uma olhada aí, http://motorolaex108blog.blogspot.com , no slide tem "Previous" e "Next" e no resumo da postagem tem "Continue Reading...".


    Sera que tem geito de mudar isso? Quero colocar em portugues.
    Valeeu cara, parabéns pelo seu trabalho neste blog ;)

    ResponderExcluir
  92. Matheus - PRO EVO


    tente procurar a linha
    nextprev: ["Previous", "Next"], //labels for "prev" and "next" links. Set to "" to hide.

    se tiver o código completo dos slides como colocou no seu blog pode enviar para meu email e vou olhar e fazer alguns testes achei bem interessante.

    ResponderExcluir
  93. Fabiano, procurei pelo código que você postou e deu tudo certo :D. Vlw mesmo cara. Antes eu tinha procurodo só pelo código "Previous" com Ctrl+F e não tinha axado o código, sera que tinha alguma diferença envez de procurar só pelo código "Previous"? Mais uma vez, muito obrigado cara :). Até a próxima ;)

    ResponderExcluir
  94. Ah e sobre a parte do resumo das postagens, que está o trecho"Continue reading →". Você tem alguma ideia de onde pode estar o código?

    ResponderExcluir
  95. Matheus - PRO EVO


    no html do blog não aparece assim, mas o código : < data:post.jumpText/ >

    mas se quiser alterar o texto pode entrar na pagina layout e clicar para editar as postagens, lá tem a opção para alterar esse texto

    ResponderExcluir
  96. ola, por favor sera q poderia me ajudar minhas postagens, estão aparecendo cortadas, não sai o texto todo, corta o final, como mudei o template e layout, aparece q nesse modelo não da pra alterar a largura o q eu faço pra arrumar, sem ter q trocar o template?

    ResponderExcluir
  97. Josy
    seu blog está com conteudo duplicado, veja aqui Conteúdo duplicado (Postagens, comentários)

    e deve ter outros erros.

    na pagina editar html tem a opção de remover alterações pode tentar fazer isso para ver se resolve

    ResponderExcluir
  98. Olá Fabiano !Encontrei seu blog,e pude ver que tem ajudado muita gente!Também preciso de uma ajudinha,se for possível !Eu montei um blog,e consegui colocar da forma que queria,mas não consigo mudar algumas cores das fontes em alguns títulos como o nome do perfil abaixo de "Quem sou eu",a cor da letra do mes que fica abaixo de "Arquivo do Blog",Assinatura das postagens,Visualizar perfil completo,etc.Todas essas fontes ficaram em azul automaticamente ,e não consigo mudar !Os títulos dos gadgets ,eu consegui colocar em preto,que era o que eu queria,mas todo o resto não consigo mudar !!Também não entendo os códigos !Nem estou fazendo postagens por conta desse problema !!Voce pode me orientar??Aguardo !Grata !

    ResponderExcluir
  99. Fabiano, obrigado pela dica, mas eu tentei e não consegui, achar os codigos iguais, então mudei o template, mas nem assim resolveu pode ser outra coisa?
    até removi Gadget, mas não resolveu
    obg

    ResponderExcluir
  100. O Segredo da Dama
    procure no seu html por

    h2 {
    font: italic bold 20px Coming Soon;
    color: #000000;
    }

    isso aqui é a cor #000000;

    veja aqui: Código das Cores

    ResponderExcluir
  101. Josy
    você esta´usando algum programa para fazer postagens ou coisa assim. porque se trocou o template era para resolver qualquer problema do blog

    tente excluir o historico de internet do seu computador para ver se não é erro no carregamento da pagina

    ResponderExcluir
  102. oi, então eu fiz uma lista no estilo cloud no meu blog, mas eu queria que os links ficassem com uma linha abaixo, ou sublinhado, para separar melhor, tipo se eu passar o mouse acima deles eles ficam com a borda, mas eu quero saber como faz para colocar o estilo sublinhado nos links dos gadgets

    ResponderExcluir
  103. Anonimo, se está querendo fazer efeitos em links é melhor usar margin:10px ou com algum outro valor para aumentar o espaço de separação entre eles

    ResponderExcluir
  104. Olá. Como vc fez para adiconar o plugin social do facebbok junto com o comentário nativo do blogger? Obrigado.

    ResponderExcluir
  105. Oi Fabiano, olha eu aqui de novo, nunca pedí pra olhar meu blog a procura de erros mas estou enlouquecendo, a fonte da sideber(marcadores) não muda, já colquei até font-size: 100px;, e não sai do tamanho que está, olha pra mim por favor, onde está o erro ou o conflito.

    ResponderExcluir
  106. Leninha talvez tenha outro código configurando o tamanho dos marcadores, neste caso tem que achar e apagar

    ResponderExcluir
  107. Queria sua ajuda amigo Fernando, quando eu estou na página do Menu do Blog, quando eu clico em VISUALISAR BLOG, que no caso é só p/ abrir a página do Blog normal, não está abrindo numa pagina só, está abrindo em outra página.
    E eu tenho sempre que fechar a página anterior do Menu do Blog. Como eu faço p/ concertar isso?

    ResponderExcluir
  108. veja se no código do seu menu tem o código target='_blank'

    se tiver apague.

    ResponderExcluir
  109. Me ajuda!!
    Quando clico em Início, a fonte do blog inteiro e do primeiro post fica pequena! Mas se clicar no 2º post ou em qualquer aba do blog fica normal :S
    Não mexi em nada da fonte, apenas fui adicionar um novo Gadget...
    O blog é este: http://worldofwords2012.blogspot.com.br/
    Agradeço desde já!

    ResponderExcluir
  110. Marinara Ferreira entre na pagina editar html, procure e apague esse trecho de código:

    <style type="text/css">

    <!--

    body,td,th {

    font-family: trebuchet;

    font-size: 8pt;

    color: #666;

    }

    </style>

    ResponderExcluir
  111. Me ajude irmão, eu estou tentando de várias formas mas não consigo mudar a cor das postagens, e eu preciso mudar de todas de uma vez! já tentei digitas os códigos e nada. Me ajude!

    ResponderExcluir
  112. Revellati online esse código que mostramos

    .post{ ..... }

    muda a cor das letras das postagens, mas se você editou a cor da fonte quando fez cada postagem ai não tem jeito de mudar todas de uma vez. Terá que editar cada postagem e retirar a cor.

    ResponderExcluir
  113. Olá Fabiano!
    Mexi no html do mu blog, alterando várias coisas pequenas, como, coloquei blockquote, slide de ultimas postagens, leia mais com foto e agora os meus posts que sempre ficaram direitinhos com a formatação que eu fazia no Word, continua igual, porém onde eu quero deixar em negrito, não fica mais.
    Já tentei editar tudo pela opção HTML na postagem, mas mesmo assim não adiantou, você poderia me ajudar?

    Agradeço!

    ResponderExcluir
  114. Letícia você está fazendo a formatação dentro de cada postagem? ou seja formata o texto na pagina onde cria a postagem?

    tem algumas coisas que você altera por lá que para mudar depois só editando cada uma das postagens.

    o que você quer deixar em negrito? o texto completo?

    para formatar as postagens entre na pagina editar html e crie o estilo

    .post{....}


    e faça a formatação que desejar nele

    ResponderExcluir
  115. Não Fabiano, eu sempre faço a formatação do post no Word e só deixo as fotos para serem adicionadas no blogger e sempre deu certo!
    Agora, por algum motivo, todos os destaques em negrito, até os das postagens antigas não ficam mais em negrito na hora que eu posto, e nem adiantou eu formatar tudo no próprio blogger porque mesmo assim não vai!

    Está indo tudo certinho, menos o negrito!

    ResponderExcluir
  116. Leticia talvez alguma atualização feita pelo blogger deu problema na formatação do word.

    infelizmente se for esse o caso não tem como resolver.

    faça a formatação do negrito na pagina de postagem, acho melhor copiar seu texto no bloco de notas e depois passar para o blogger sem formatação.

    ResponderExcluir
  117. Já tentei fazer isso e não adiantou, mas acabei de descobrir e corrigir o erro!
    Foi por causa de um gadget que eu adicionei e por algum motivo anulou o negrito dos textos!
    Mesmo assim, obrigada pela tentativa de ajuda! :)

    ResponderExcluir
  118. Quando insiro um post no meu blog (do Blogger)tenho de remover formatação... Por que razão os parágrafos ficam separados por um espaço?

    Obrigado pela ajuda

    Fernando Martins

    www.pela-positiva.blogspot.com

    ResponderExcluir
  119. Olá eu sempre me perguntei o porque de quando eu baixo um Template e ele vem com a fonte diferente, essa fonte fica fixa...Mas se eu mudar a fonte no Xml como você disse, se a pessoa não tem a mesma, não aparece!!!!!!!!!!!
    Porque isso acontece?

    ResponderExcluir
  120. Gih Carter tem que mudar a fonte na pagina editar html achando o código da fonte.

    ResponderExcluir
  121. Opa Fabiano, tudo bom? Cara, espero que você veja meu comentário aqui e possa responder! Ta difícil! rs

    Eu to com o mesmo problema que muitos que comentaram tiveram: o negrito não aparece na minha postagem. Tentei seguir as dicas mas não deu certo. Olha como está o código da parte de postagem:

    /* POSTING
    ------------------------------------ */
    .post {
    background:#fff;
    border:1px solid #E6E6E6;
    margin:0 auto 2%;
    padding:2.5% 5%;
    }


    .post h1, .post h2 a,
    .post h2 a:visited,
    .post h2 strong {
    display: block;
    text-decoration: none;
    margin-bottom: 14px;
    color: #444;
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'Open-Sans', sans-serif;
    font-weight: 400;
    }

    .post h2 strong,
    .post h2 a:hover {
    color:#f04e46;
    }

    .post-body {
    padding-top:2%;
    font-size:.9em;
    line-height:1.6em;
    position:relative;
    }

    .post-body blockquote {
    line-height:1.3em;
    }

    .post ul {
    list-style-type:disc;
    line-height:1.4em;
    font-size:1em;
    margin:0;
    padding:12px 0 12px 30px;
    }

    .post ol {
    line-height:1.4em;
    font-size:1em;
    margin:0;
    padding:12px 0 12px 30px;
    }

    .post li {
    margin:0;
    padding:0 0 8px;
    }

    .comment-link {
    margin-left:.6em;
    }

    .post-body img,
    .post-body .tr-caption-container {
    height:auto;
    max-width:100%;
    padding:1% 0;
    }

    .post-body .tr-caption-container {
    color:#777;
    }
    .post-header {
    border-bottom:1px solid #F7F7F7;
    border-top:1px solid #F7F7F7;
    color:#BBB;
    display:inline-block;
    font-family:'Open-Sans',sans-serif;
    font-size:14px;
    padding:5px 0;
    text-transform:uppercase;
    width:100%;
    line-height:200%;
    }

    .post-header a {
    background: #f3f3f3;
    color: #64726F;
    font-size: 12px;
    line-height: 20px;
    padding: 0 7px;
    display: inline-block;
    }

    .post-header a:hover {
    color:#ccc;
    }

    .post-header-line-1 {
    float:left;
    }
    .post-body .tr-caption-container img {
    background:transparent;
    border:0 none;
    padding:1% 0;
    }

    .post blockquote {
    background:#232323;
    color:#fafafa;
    font-size:1.063em;
    font-family:Georgia,serif;
    font-weight:400;
    font-style:italic;
    line-height:1.375em;
    margin:1em 20px;
    padding:15px 20px 15px 15px;
    }

    .post blockquote p {
    margin:.75em 0;
    }


    Como não tem o código "font-weight:normal" para apagar, eu tentei inserir o código na parte do corpo da postagem. Já tentei colocar o weight: bold, e fica tudo negrito, coloquei weight: normal e não aparece também. Me dá um help aí cara! VALEU!

    ResponderExcluir
  122. o código do negrito é esse mesmo que falou: font-weight

    mas pode achar com algum valor (numero) tem que fazer testes e pagar para ver se nota diferença.

    as vezes pode estar até em outro trecho do css

    ResponderExcluir
    Respostas
    1. Fabiano, então se eu achar o código com esses números o que eu faço? Porque o negrito não ta aparecendo nas postagens e fica ruim assim sem poder destacar :(

      Se tiver por exemplo:

      font-weight: 400

      Eu faço o que? Apago o código inteiro? Mudo o 400? Coloco o que no lugar?

      Excluir
  123. Respostas
    1. ou se quiser pode trocar o 400 pela palavra normal.

      o mais importante é ter atenção no que modificou e fazer um backup do seu template assim em caso de erros você poderá voltar ao seu modelo facilmente

      Excluir
  124. Respostas
    1. coloca o código pela pagina modelo.
      diretamente no editar html ou pelo botão personalizar > avançado > adicionar CSS

      veja mais detalhes aqui:
      Como Inserir Códigos no Blogger: Formatar Texto e Links do Blog

      Excluir
    2. Se por no editar html, em qualquer parte?

      Excluir
    3. Como fazer espaçamento entre parágrafo?

      Excluir
  125. tem que rolar a pagina até achar os outros códigos CSS, procure por body {..... e coloque depois que fechar esta chave do body

    no link acima mostra como colocar na pagina editar html com mais detalhes


    espaço entre parágrafos você teria que fazer manualmente na hora de publicar cada post.

    o blogger não gera o código < p > ....< / p > que não os parágrafos, então você teria que adicionar este código manualmente em todos os textos para depois poder formatar usando css.

    acho mais facil pular uma linha a mais no texto apenas clicando enter.

    ResponderExcluir
  126. Olá! A letra do meu blog está super confusa, não percebo o que se passa! Tentei fazer a tua dica mas não consegui.. será que há outra forma de uniformizar o texto?

    ResponderExcluir
  127. o jeito de formatar o texto é este que mostramos no tutorial ou usar os mesmos código diretamente no estilo body.

    qual o link do seu blog?

    se você fez a formatação em cada post que publicou (formatar o tamanho, cor ou tipo de letra na pagina onde publica a postagem) então este é o motivo de não conseguir deixar os textos todos iguais... se for este o seu caso precisa retirar essas formatações de cada post.

    ResponderExcluir