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: 

Personalizando o hack leia mais!


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; 
}

 Ex: Azul estado normal- Verde com mouse

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.

Espero que esse tutorial seja útil!  Expresse sua opinião, comente e tire suas duvidas...

                         SIGA @DicasBlogger.net agora e mantenha-se mais atualizado!

Recomendamos que leia também