Criar botão Continue Lendo

Olá queridos leitores,
Hoje estarei ensinando algo diferente que aprendi com os meus conhecimentos sobre os códigos.

Vamos começar!

Criar botão Continue Lendo

a. Primeiramente vamos aceder ao Painel do Blogger e ir em: Modelo > Editar HTML.
b. Assim que já estivermos nesta página, clicaremos em "Expandir modelos de widgets".
c. Agora procure por:

span id='showlink' ou span id="showlink" lembre-se que a caixa "Expandir Widgets", deve estar marcada. (Utilizando a busca CTRL + F, procure pelo o que recomendei à vocês ou algo parecido)

d. Depois de achado, personalize o nome para o desejado, por exemplo: " Continue Lendo ou Leia Mais " fica ao teu critério.
e. Agora antes de ]]></b:skin> , adicionem:

#showlink {
float: right;
margin-right: 0px;
margin-top: 8px;
}
#showlink a {background-color: #CCCCCC;-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 1px solid #999999;padding: 4px 5px;
text-decoration: none;
text-transform: uppercase;font:normal normal 12px Oswald;
color: #777;
}
#showlink a:visited {
color: #777;
}
#showlink a:hover {background-color: #777;
border: 1px solid #777;
color: #fff;padding: 4px 5px;
text-decoration: none;
}

f. Lembrem-se que os campos de cores em hexadecimal como: " #CCCCCC , #999999 , #777 , #777 , #777 e #fff " podem ser personalizadas para a cor que vocês desejarem.   
g. Assim que fizer isto, pode visualizar seu Blogger pressionando o botão "Visualizar" , se estiver tudo certo, salve e pronto.
h. O resultado será algo parecido com este botão:


Obrigado à você por ter lido isto!
Lembrando que os senhores e senhoras poderão estar pedindo tutoriais que estaremos fazendo para agradar à todos.

Até mais!

Sobre o Autor



Confira Todas Postagens de Elielton Queiroz Clique Aqui...

Share :

• Tweet

Related posts

Criar botão Continue Lendo

Description: Criar botão Continue Lendo Rating: 4.5 Reviewer: Unknown ItemReviewed: Criar botão Continue Lendo

Al

Mbah Qopet Updated at: 08:41