Browse By

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

Sair da versão mobile