Hack Leia Mais Personalizado
O hack leia mais padrão do blogger está sendo usado
cada vez mais entre blogueiros. Ele serve como uma espécie de mural com o
resumo de suas postagens na página inicial e dos marcadores. Uma de suas
vantagens é que a página inicial não ficará pesada e outra é que você pode
delimitar o conteúdo do resumo. Nesse tutorial iremos aprender a personalizar e
usar esse hack.
Como Usar o hack leia Mais?
· 1º forma: Ao publicar uma postagem no
editor do blogger, você verá um botão na barra de ferramentas, chamado jump
break, que serve para criar o resumo, para usá-lo, posicione o cursor sobre o
local onde quer que o resumo para e clique nesse botão. Veja:
· 2º forma: No editar HTML da
postagem insira o código “ <!--more--> ” no local desejado para inserir o
jump break. Veja:
Para personalizar o hack leia mais, devemos entrar no editar html do blog e com a ajuda do CTRL + F encontrar a linha ]]</b:skin>. Devemos colar o código abaixo logo ANTES dessa linha:
.jump-link {
text-align:right;
font-family:Georgia;
}
.jump-link a{
color: #fff;
padding-left:7px;
padding-right:7px;
background: #4488DD;
border: 5px solid #4488DD;
}
.jump-link a:hover{
text-decoration:none;
color: #fff;
padding-left:7px;
padding-right:7px;
background: #94D341;
border: 5px solid #94D341;
}
Parte marcada em rosa representa o posicionamento do hack no layout (Right - direita / center -meio / left - esquerda).
Parte mercada de vermelho é a fonte do hack ( mude se fonte a seu gosto ).
O texto marcado em azul representa a cor da fonte em estado normal.
O texto marcado em preto representa a cor do fundo do botão e estado normal.
Texto marcado em Roxo representa a cor da fonte com o botão com o mouse em hover.
A parte marcada em laranja representa o botão em estado hover.Pronto! agora seu hack leia mais está personalizando.
0 comentários:
Postar um comentário