Portal de notícias, curiosidades, livros, cursos e muito mais!

Botão Css3 "Leia Mais Postagens" no Blogger !

Vá em modelo >> Editar HTML 

Usando as teclas de atalho Ctrl + F
 Procure :

]]></b:skin>

E acima dela cole o seguinte codigo Css

.button, .button:visited {
background: #222;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
font-family: calibri;
}

.button:hover {
background-color: #111;
color: #FFFF00;
}

.button:active {
top: 1px;
}

.small.button, .small.button:visited {
font-size: 11px
}

.button, .button:visited,
.medium.button, .medium.button:visited {
font-size: 13px;
font-weight: bold;
line-height: 1;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

.medium.button, .medium.button:visited {
font-size: 14px;
padding: 8px 14px 9px;
}

.large.button, .large.button:visited {
font-size: 14px;
padding: 8px 14px 9px;
}

.rosa.button, .magenta.button:visited {
background-color: #3C3737;


Usando Ctrl + F novamente procure por 

<data:post.jumpText/> 

Apague e substitue por :

<span class='large button rosa'>Leia Mais Postagem...</span>

Por Fim basta salvar !