Adicionar estilos ao Jump Break (Leia Mais)

Depois de adicionar o Jump Break em seu blog, você deve estar se perguntando como adicionar estilos à ele não é? Então agora vamos aprender a fazer isso, mas antes faça o backup do seu template e siga as seguintes instruções:

1. Faça login no Blogger, agora vá em: Layout -> Editar HTML e procure pelo seguinte código:
]]></b:skin>
Antes dele adicione:
.jump-link {
display: block;
text-align: left;
font-size: 2;
background: #FF9900;
width: 130px;
height: 26px;
padding: 3px 10px;
padding-top: 6px;
margin-top: 8px;
}

.jump-link a:link,
.jump-link a:visited {
color: #FFF;
text-decoration: none; }

.jump-link a:hover {
color: #000;
text-decoration: underline; }
2. Você deverá personalizar o código acima de acordo com as cores do seu blog, preste atenção na explicação abaixo:
width: é a largura no modelo está em pixels.
height: é a altura no modelo está em pixels.
font-size: tamanho da fonte do texto.
text-align: como o próprio título já diz, é o alinhamento do texto, pode ser: right (direita), left (esquerda) e center (centralizado).
padding: maneira abreviada para todas os espaçamentos dever em px, pt, em, cm...
padding-top: define o espaçamento superior.
margin-top: define a margem superior.
color: código da cor em pixel, rgb (cores primárias) ...
Adicionar estilos ao Jump Break (Leia Mais) Adicionar estilos ao Jump Break (Leia Mais) Reviewed by Fabricio Araujo on 13:39:00 Rating: 5

Um comentário:

  1. ola gostaria de saber como usar caixa de recados ou janelas para mostrar foto ou postar pecados

    ResponderExcluir

Adicione seu comentário nesse post.
- Receba a resposta por e-mail, clique em inscrever-se por e-mail.
- Não use palavras de baixo escalão.
- Quer mostrar seu blog? Use a opção Open ID.
- Se selecionar a opção Nome/URL na URL digite http:// na frente do endereço do seu blog.
- Quer falar somente com o Autor? Então clique Aqui.

Muito obrigado por sua visita e volte sempre!

Tecnologia do Blogger.