quinta-feira, 10 de novembro de 2011

Como Modificar o Titulo do Post







Cada modelo (template) vêm com uma configuração original, que define entre outras coisas: tipo de fontes, cores, tamanho e posição das imagens etc.

Com o tempo, faz-se necessário ao usuário ir conhecendo sobre linguagem de programação (HTML, CSS, JavaScript etc.) para fazer as devidas alterações, de acordo com o seu gosto pessoal.

O BlogdoSM@rtiN estará postando uma série de tutoriais simples para que você possa realizar as modificações no seu blog ou site, deixando-o ainda mais bonito e atraente.

Iniciando, vamos ver como podemos alterar a exibição do título da postagem.
As orientações são baseadas na plataforma do Blogger, utilizada por este que vos escreve.

Boa diversão!


Para modificar o título do seu blog, siga os passos conforme abaixo:

1 - No painel do Blogger, selecione "Modelo/Editar HTML"
2 - Clique no botão "Prosseguir"
3 - Tecle CTRL+F para abrir a caixa de pesquisa
4 - Digite [post.title] e tecle ENTER
5 - A chave encontrada aparecerá em destaque
6 - Após as chaves, os parâmetros em negrito podem ser modificados:

.post-title{color:#191919;margin:0 0 10px0;padding:0;
font-family:Arial,Helvetica,Sans-serif;font-size:22px;
line-height:22px;font-weight:bold;
text-transform:uppercase;}


Sendo:

color = cor da fonte

font-family = tipo da letra (Arial, Georgia, Courier New etc.). 
Se você quiser manter a fonte original, digite antes dela a fonte que você escolheu. 
Ex. font-family=Arial, Helvetica,Sans-serif; se você escolheu a fonte IMPACT, mudando fica: font-family=Impact, Arial,Helvetica,Sans-serif;
ou seja, se o navegador não aceitar a fonte IMPACT, ele buscará a próxima após a vírgula (Arial) e assim por diante.

font-size = tamanho da letra (em pixels) 
Ex. font-size:18px

line-height = espaçamento entre linhas. Geralmente deixamos font-size e line-height com valores iguais.

font-weight = espessura da fonte (negrito, italico etc.)

text-transform = converte o texto para maiúscula ou minúscula. 
Para texto normal digite "text-transforme: normal" ou "text-transform:none"
         

    Após alterar um dos parâmetros, clique no botão 
  "Visualizar" antes de salvar, para ver o resultado. 

Se não agradar, clique no botão "Limpar Edições".

Bem, por enquanto, ficamos por aqui galera.
Um abraço a todos!

______________________________________________________________________
Qualquer dúvida, deixe um comentário que terei prazer em ajudá-lo.



Related Posts Plugin for WordPress, Blogger...

Nenhum comentário:

Postar um comentário

Se você gostou deste artigo poste um comentário!

Observações:
1º) Somente usuários com conta no Google poderão publicar seus comentários aqui no Blog do SM@rtiN.
2º) Todos os comentários serão avaliados pelo administrador do blog para posterior publicação.
3º) Os textos com conteúdo impróprio, ofensas e palavrões serão automaticamente excluídos. Se houver reincidência, o acesso do usuário ao blog será bloqueado.

Obrigado!