Assine nosso Feed

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


Link desta Pagina

125Comentários:

Amigas da Educação disse...

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

Anônimo disse...

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

Dario disse...

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 !

Fabiano Roberto disse...

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.

Rosa disse...

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...

Fabiano Roberto disse...

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

Rafael 10 disse...

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

http://rafaeldiasgaleno.blogspot.com/

Elaine disse...

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

Tauren disse...

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 !

Fabiano Roberto disse...

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

Fabiano Roberto disse...

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.

Tauren disse...

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.

Fabiano Roberto disse...

Tauren

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

Tauren disse...

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

Rabay Downloads disse...

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/

Fabiano Roberto disse...

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

André Rabay disse...

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

Fabiano Roberto disse...

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

Myrian disse...

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!

Fabiano Roberto disse...

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.

Meu Sonho Infantil disse...

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

Fabiano Roberto disse...

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

Adiléa disse...

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

Fabiano Roberto disse...

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

Rilva Sousa-Muñoz disse...

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?

Fabiano Roberto disse...

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ê?

Rilva Sousa-Muñoz disse...

Tem razão. Obrigada.

CLJ São José disse...

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!

Fabiano Roberto disse...

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;
}

CLJ São José disse...

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!

Fabiano Roberto disse...

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

CLJ São José disse...

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!

L. Tadeu disse...

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 :)

Fabiano Roberto disse...

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

Yasmin disse...

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.

Fabiano Roberto disse...

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

Yagami-Kun disse...

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.

Fabiano Roberto disse...

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;
}

Yagami-Kun disse...

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

Fabiano Roberto disse...

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;
}

Priscila Veronica disse...

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

Abraço!

Fabiano Roberto disse...

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

eco... disse...

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

Fabiano Roberto disse...

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

eco... disse...

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.

Fabiano Roberto disse...

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

Gospel Free disse...

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

Juliana Netto disse...

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

Fabiano Roberto disse...

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

Danilo disse...

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?

Fabiano Roberto disse...

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

Danilo disse...

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!!

Danilo disse...

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!!

~ Patrick disse...

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/

Fabiano Roberto disse...

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

~ Patrick disse...

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

Paulinha disse...

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 ?

Fabiano Roberto disse...

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{....

Vida de Garota*! disse...

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

Esperança disse...

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!!!

Fabiano Roberto disse...

veja aqui sobre Texto deslizando

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

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

Raquel Bell disse...

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

BiaBloom disse...

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

Fabiano Roberto disse...

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

Mateus Meirelles disse...

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?

Fabiano Roberto disse...

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...

Rhamon Kleber disse...

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

Jéssica Risi disse...

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?

Fabiano Roberto disse...

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

Jéssica Risi disse...

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... :(

Fabiano Roberto disse...

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

GISLAINE GÓIS disse...

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.

Correa Encanador disse...

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

Rosiel T.S. disse...

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?

Fabiano Roberto disse...

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;

Rosiel T.S. disse...

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

Fabiano Roberto disse...

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

esporte disse...

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

Fabiano Roberto disse...

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

FELTRO POR MIM disse...

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?

Fabiano Roberto disse...

FELTRO POR MIM

veja aqui Usar outros Tipos de Fontes (letras) no Blog

Liege Karina disse...

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!

Fabiano Roberto disse...

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?

Liege Karina disse...

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 =)

Fabiano Roberto disse...

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

Liege Karina disse...

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

Liege Karina disse...
Este comentário foi removido pelo autor.
Fabiano Roberto disse...

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

Liege Karina disse...

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

Manuela disse...

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

Fabiano Roberto disse...

@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

Anônimo disse...

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

Fabiano Roberto disse...

na pagina editar html

Matheus - PRO EVO disse...

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 ;)

Fabiano Roberto disse...

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.

Matheus - PRO EVO disse...

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 ;)

Matheus - PRO EVO disse...

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?

Fabiano Roberto disse...

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

Fabiano Roberto disse...

e sobre o Previous, veja aqui: Alterar texto postagens mais antigas e mais recentes

Josy disse...

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?

Fabiano Roberto disse...

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

O Segredo da Dama disse...

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 !

Josy disse...

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

Fabiano Roberto disse...

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

Fabiano Roberto disse...

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

Anônimo disse...

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

Fabiano Roberto disse...

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

TE (caletro) disse...

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

Fabiano Roberto disse...

TE (caletro)
veja aqui: Como Usar Comentários do Facebook e do Blogger ao Mesmo Tempo

Leninha - LTScrapsAnimados disse...

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.

Fabiano Roberto disse...

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

Anônimo disse...

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?

Fabiano Roberto disse...

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

se tiver apague.

Marinara Ferreira disse...

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á!

Fabiano Roberto disse...

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>

Revellati online disse...

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!

Fabiano Roberto disse...

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.

Letícia Kartalian disse...

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!

Fabiano Roberto disse...

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

Letícia Kartalian disse...

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!

Fabiano Roberto disse...

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.

Letícia Kartalian disse...

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! :)

Fernando Martins disse...

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

Gih Carter disse...

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?

Fabiano Roberto disse...

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

Postar um comentário

Gostou? Compartilhe!