-->

COMO PERSONALIZAR O TÍTULO DAS POSTAGENS NO BLOGGER

Personalizar título post Blogger Na maioria dos templates do Blogger, mesmo os modificados, o título do post está representado por esta tag:

h3.post-title

Todos os estilos que você quiser aplicar aos títulos deverão ser incluidos dentro destes trechos.
Em alguns templates modificados, ou baixados da internet, talvez você  não ache no html do template a tag h3.post-title. Ela existe, mas pode estar um pouco modificada.

Não se preocupe. Dá para fazer a personalização diretamente no CSS. No final deste artigo eu mostro como fazer. 
Mudar o tamanho da fonte:
Geralmente o tamanho da fonte está em pixel (px) mas também pode estar representada em porcentagem (%).
Para alterar o tamanho, basta substituir a % pelo valor correspondente ao tamanho da fonte que você deseja, ou pode mudar o valor em pixel.

Exemplo:
font-size:28px;
ou
font-size: 120%;
Mudar a cor da fonte:
A maioria das modificações podem ser feitas diretamente no Painel 'Designer de modelo' do Blogger.

Se não houver a possibilidade de alterar a cor através do painel , você pode aplicar uma cor diretamente no trecho CSS, basta incluir a variavel referente a cor que você deseja que o título do post tenha.

Exemplo:
color: #c31717;
Alinhar o texto do título:
text-align:left - titulo alinhado à esquerda.

text-align:right - titulo alinhado à direita.

text-align:center - titulo alinhado o centro.

text-align: justify - titulo com alinhamento justificado.
Definir tipo de fonte para o título:
Você pode definir o tipo de fonte para o título diretamente no trecho CSS, basta incluir a definição da fonte que você deseja.
Defina sua fonte preferida, seguindo-se de algumas alternativas para ela, e encerre a listagem das fontes com uma fonte genérica, assim se o navegador do usuário não encontrar na memória do computador a primeira fonte, usará a segunda e assim por diante.

Exemplo:
font-family: ‘Verdana’, Arial, Serif;
Mudar estilo da fonte:
Estilo da fonte: normal e italic.
Se você deseja que a fonte do título se apresente em itálico, devemos incluir no CSS a variável para o estilo da fonte.

Exemplo:
font-style: italic;

Pode também ser definida para se apresentar em negrito(bold).

Exemplo:
font-weight:bold;

Você também pode aplicar efeito sombra na fonte do título.

Exemplo:
text-shadow: 1px 2px 3px #000;
Definir Tranformação da fonte:
Para definir a propriedade de transformação de textos, você pode atribuir as seguintes variaveis:

text-transform: none; - sem efeito.

text-transform: capitalize; - Primeira Letra Das Palavras Maiúsculas.

text-transform: uppercase; - TODAS AS LETRAS MAIÚSCULAS.

text-transform: lowercase; - todas letras minúsculas.

font-variant: small-caps - transforma letras em maiúsculas de menor altura.

font-variant: normal - sem efeito variante.
Definir decoração da fonte:
Para a decoração do fonte do título você pode atribuir as seguintes variáveis:

text-decoration: underline; - título sublinhado.

text-decoration: line-through; -título com linha em cima.

text-decoration: overline; - título sobrelinhado.

text-decoration:none; - sem efeito.
Aumentar ou diminuir o espaço entre as letras do título:
Você pode definir o espaço entre os caracteres, ou seja, o espaço que existe entre as letras do título.

Exemplo:
letter-spacing:1px;
Inserir borda no título:
Se quiser acrescentar borda ao título, basta incluir no CSS a variável para borda.

Exemplos:
border: 1px solid #000000 - borda em toda área do título.
border-bottom:1px solid #000000 - borda apenas abaixo do título.
border-top: 1px solid #000000 - borda apenas acima do titulo.
Definir cor para plano de fundo do título:
Se quiser incluir uma cor como plano de fundo do título, basta acrescentar a linha “background” e aplicar os estilos a ela.

Exemplo:
background: #cccccc;
Para adicionar CSS
Entrar no Blogger .
Selecione o blog para atualizar.
No menu à esquerda, clique em 'Modelo' .
Sob o modelo no blog, clique em 'Personalizar' .
Em 'Designer de modelo', no menu à esquerda, selecione Avançado> Adicionar CSS .
Adicione seu código.
No canto superior direito, clique em Aplicar ao blog .


COMENTÁRIOS

BLOGGER: 3
Loading...
Nome

Blogger,15,botão,2,Códigos html,5,comentários,4,Construtores online,1,Criar sites,39,Dados Estruturados,7,Dicas,18,Dicas úteis,22,Disqus,1,Disqus.,3,doação,1,domínio,6,Downloads,2,Facebook,1,Ferramentas grátis,14,flash,2,Fontes,2,Gifs animados,2,hospedagem,3,html,2,Informações,10,Monetização,4,nvu,2,pagseguro,2,Programas,10,Redes Sociais,8,SEO,6,site,10,Templates,3,Tutorial,5,Whatsapp,3,Wordpress,5,
ltr
item
Tutorial Para Criar Sites: COMO PERSONALIZAR O TÍTULO DAS POSTAGENS NO BLOGGER
COMO PERSONALIZAR O TÍTULO DAS POSTAGENS NO BLOGGER
Mudar o título da postagem do blog (Blogger) tamanho da fonte, cor, estilo, alinhamento, efeito sombra, borda, plano de fundo e espaço entre as letras.
https://2.bp.blogspot.com/-Rxcv7BNB1X4/V8EarQueTUI/AAAAAAAADWc/JORgV2RlNm0nwMPR8GyBc0TgI1vQKvUPACLcB/s1600/blog-post-title.jpg
https://2.bp.blogspot.com/-Rxcv7BNB1X4/V8EarQueTUI/AAAAAAAADWc/JORgV2RlNm0nwMPR8GyBc0TgI1vQKvUPACLcB/s72-c/blog-post-title.jpg
Tutorial Para Criar Sites
https://www.tutorialparacriarsites.com.br/2016/08/como-personalizar-o-titulo-das.html
https://www.tutorialparacriarsites.com.br/
https://www.tutorialparacriarsites.com.br/
https://www.tutorialparacriarsites.com.br/2016/08/como-personalizar-o-titulo-das.html
true
1392597315444680805
UTF-8
Loaded All Posts Não há conteúdo relacionado para esta publicação Ver mais Continuar lendo Reply Cancel reply Delete By Home PAGES PÁGINAS Ver mais CONTEÚDO RELACIONADO RESULTADO PARA ARQUIVO PESQUISA TODAS AS NOTÍCIAS Ah! que pena. Sua pesquisa não encontrou nenhuma referência. Volte para a página inicial Domingo Segunda Terça Quarta Quinta Sexta Sábado Dom Seg Ter Qua Qui Sex Sab Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Mai Jun Jul Ago Set Out Nov Dez just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy