Novidades

10 outubro 2012

Personalizando o Leia Mais sem imagem!



Hello meus cupcakes de morando, hoje trago esse tutorial de como personalizar,
o Leia mais >>> sem uso de imagem, e isso mesmo! com um simples código você terá um Leia mais super lindo! etão let's  go



Vá em Modelo-> editar HTML-> prosseguir-> e dê um ctrl+F e procure pelo seguinte código:




]]></b:skin>
E acima dele cole esse outro código:


.jump-link  { /* código por BC */
text-align: left; /*Lugar onde fica o leia mais se for direita troque por right */
margin-top: 5px; /*Tamanho do espaço entre o Leia Mais e sua postagem */
}
.jump-link a {
padding: 4px; /*acolchoamento entre o fundo e o texto */
color: #000000; /* cor do texto */
background: #dfdfdf; /* cor do fundo */
font-family: verdana; /* Fonte troque por outra se desejar */
-moz-border-radius:  6px; /* bordas arredondas */
-webkit-border-radius:  6px;  /* bordas arredondas */
border-radius: 6px;  /* bordas arredondas */
}
Agora basta editar o que desejar, visualizar e salvar.

espero que gostem,Fabi

5 comentários:

  1. muito bom o tuto =)

    http://cantinhodaslovelys.blogspot.com.br/

    ResponderExcluir
  2. Estava dando uma "volta" pelo seu blog e é muito lindo, fofo e principalmente doce, pode-se encontrar várias coisas por aqui, também amei tutorial e o blog, já seguindo aqui!

    Poderia visitar, meu blog? Ficaria agradecida. Dream High~

    ResponderExcluir
  3. Oi!! Muito legal o tutorial! Bem facinho! Seu blog e muito cute! ^^

    lovelyartesanatosbymay.blogspot.com.br

    ResponderExcluir
  4. Ameeeei!



    http://onegirlsumamenina.blogspot.com.br/#<~~Segue?

    ResponderExcluir

Regrinhas!
1- aceito seguindo segue de volta
2- sem xingamentos! se expresse de uma maneira mais civilizada.
3- aceito criticas e Elogios