Leia Mais personalizado

|| ||
Hi peoples!!! Já tenho umas ideias para o novo layout do blog, mas Marcicleide você colocou esse sábado, você já vai trocar? Não irei trocar não, apenas tenho umas ideias na cabeça, pois quando estou realmente inspirada vem várias e ai tem que aproveitar.
Ontem falei do gadget Destaque hoje vim falar do gadget Divulgando esse eu criei para aqueles blogs que pedir ou ganhar algum game para a divulgação. Então irei fazer um mini-game aqui.Vocês irão responder qual anime estou assistindo no momento? A estrutura é resposta, comentário sobre o post e link do blog. Os dois primeiros que acertarem ganham a divulgação.
Vocês já devem ter reparado que a Ask do blog está lá no finalzinho quem quiser fazer pedidos, sugestões, reclamações e só fazer lá. E já tenho 2 pedidos pedentes e um irei responder agora.
Um dos pedido era para ensinar a colocar o leia mais personalizado assim como do Sweet. Não sei de onde é esse leia mais, mas quem souber de onde é realmente me avise.
Para colocá-lo vá em Modelo>> Editar HTML>> Clique dentro da caixa e aperte Ctrl+F e procure por:
]]></b:skin>
Acima cole o seguinte código:
.jump-link a{
float: right; /* Mude para right(direita) ou left(esquerda) */
padding: 5px;
text-align: center; /* Alinhar o Texto */
margin-top: -35px; /* Menor sobe maior desce */
margin-right: -25px; /* Menor esquera maior direita */
font-family: georgia; /*Fonte */
color: #4ea764; /* Cor da Fonte */
font-size: 12px; /*Tamanho da Fonte */
-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
background-color: #bddac3; /* Cor do fundo */
box-shadow: inset 0 0 1px #4ea764; /* Cor da borda */
-moz-transition: all 0.8s ease-out; -moz-webkit-transition-duration: .50s; -webkit-transition-duration: .500s;}
.jump-link a:hover {
-webkit-animation: smallToBig 300ms alternate infinite ease;-moz-animation: smallToBig 300ms alternate infinite ease;
A explicações já estão todas no código é só segui-las.
OBS.: É recomendado que deixe esse código acima do ]]></b:skin> e não coloque nenhum outro código abaixo dele.

Agora vá em Layout>> Postagem no blog clique em Editar.
Irá abrir uma caixinha. Para mudar o Leia Mais você irá mudar em Texto do link da página de postagem e coloque o que quer que apareça no botão de leia mais.
Se quiserem colocar um caracteres especiais clique aqui e veja qual você quer selecione, copie o desenho e cole lá no quadradinho do Texto do link da página de postagem. Salve!

Para aparecer na postagem o leia mais, na sua postagem faça primeiro uma introdução normal e clique nesse botão . Ficará assim:
Esse risco significa que sua postagem tem um leia mais.
Pronto!!!
Espero que tenham gostado!!!