www.facebook.com/mundodeblogueira https://twitter.com/@mundoblogueira www.instagram.com/mundodeblogueira http://mundodeblogueira.blogspot.com.br/p/contato.html https://plus.google.com/u/0/105226761191522044936/posts https://www.youtube.com/channel/UCPDrL7CSt-lneOtMMtQoahw

Personalizando o botão leia mais




Hoje vamos aprender a personalizar o botão leia mais para que ele dê uma aparência diferenciada em seu layout e fique do jeito que você deseja. Para isso iremos precisar adicionar o código HTML no modelo de seu blog. Essa personalização é bem fácil de fazer, e deixa seu blog ainda mais fofo. Vamos lá ao tutorial do dia.


No post anterior aprendemos como adicionar o botão leia mais. Hoje vamos continuar na personalização desse mesmo botão, porém agora poderemos adicionar imagens, alterar a fonte e também definir de qual lado de sua página ele deverá ficar. Não esqueça de hospedar sua imagem em um site para que ela possa aparecer corretamente em seu modelo. Lembre-se Right = direita, Left= esquerda. Não esqueça de fazer essa alteração no código para que ele fique no lugar desejado por você. 

Para adicionar o código ao HTML do seu blog, você deverá ir no painel do blog, MODELO, EDITAR HTML, aperte CTRL +F e procure por : ]]></b:skin> 
Cole o seguinte código acima :




Baixe o seu botão

O resultado é bem legal. E ai meninas, gostaram da postagem?
Obrigado a todas vocês.


20 comentários:

  1. Gostei muito do tutorial,fica muito lindo e deixa os posts mais organizados :3
    beijos,ótimo dia para você!
    quemprecisadetvparaverbeyonce.blogspot.com.br

    ResponderExcluir
  2. Arrasou, amei seu blog!
    Amo tutoriais :D
    Beijinhos
    Rubia =^.^= "Unhas de Gato "
    Seguindo aqui flor

    ResponderExcluir
  3. Que dica ótima!
    O resultado deve ficar lindo.

    Beijocas,

    nossoglamour.blogspot.com.br

    ResponderExcluir
  4. otimo tutorial, quero tanto meu blog mais fofo, mas to sem tempo ):

    Adorei aqui, seguindo, se der retribui, bjs

    http://pedacosdelembrancas.blogspot.com.br/2013/08/mas-nao-vou-ficar-aqui.html

    ResponderExcluir
  5. Achei bem útil :)

    Ótima postagem :3

    Quando puder dá uma passadinha no meu blog, tem post novo lá, convido você e seus leitores a darem uma conferida *u*

    Beijocas!!! ❣

    http://sorriso-jovem.blogspot.com.br

    ResponderExcluir
  6. Muito boa as dicas desse blog, tô aprendendo muito.

    Adorei conhecer esse lugar e já comecei a seguir.

    Beijos.
    www.duasvezesm.com

    ResponderExcluir
  7. adorei! Ah, eu amei seu blog! Estou te seguindo! Ficaria imensamente feliz se você retribuísse! *-* Beijos!

    http://madeixasdeprincesa.blogspot.com.br/

    ResponderExcluir
  8. Adorei a dica, super útil
    Lindo seu cantinho, já estou seguindo (:

    Beijos
    Danny Makes
    Facebook

    ResponderExcluir
  9. Amiga ,obg pelo incentivo com esse tutorial♥ Com ajuda dele e um pouco de esforço e criatividade eu fiz um pra mim!
    lhe agradeço mais uma vez!!!
    luxuriademenina.blogspot.com

    ResponderExcluir
  10. http://pinkbelezura.blogspot.com.br/2013/08/kanitz-nova-parceria-sabonete-extra.html

    ResponderExcluir
  11. oi flor te seguindo! vem conhecer meu cantinho *-* ,pinkbjs.
    http://pinkbelezura.blogspot.com.br/

    ResponderExcluir
  12. Ah, sabe o que eu queria saber?
    Como coloca aquela coisa bonitinha de "Gostou, Compartilhe!" Perto dos botões de compartilhamento do blog, igual tem aqui :)

    Um beijo
    www.kvcomvoce.com

    ResponderExcluir
  13. Que lindos, amei tudo!
    Já estou te seguindo, me segue também?

    Beijocas da Lu!
    Blog: >>www.tudoparagarotas.com<<

    ResponderExcluir
  14. Ameii os Botões, vou pedir a menina que faz o Designer do meu Blogger para baixar depois!!! ><
    'Beijooos



    make-up-goe.blogspot.com.br

    ResponderExcluir
  15. Ai que máximo adorei demais a dica.
    Bjs,

    www.garimpus.com

    ResponderExcluir
  16. Amei, fica lindo mesmo!

    Beijo,
    www.needwantwish.com.br

    ResponderExcluir
  17. Amo tutoriais, arrasou no post
    Seu blog é lindo, seguindo ^^
    Moda Caseira l Instagram

    ResponderExcluir
  18. tentei vamos ver se deu certo .. veja https://meuslb1904.blogspot.pt/

    ResponderExcluir

Obrigado por comentar. Mundo de Blogueira agradece sua visita !


* Clique aqui e aprenda a colocar o link do seu blog nos comentários
* Não serão aceitos comentários somente com objetivo de divulgação, ou que ofenda qualquer leitor.
*Antes de pedir algum tutorial, verifique se o mesmo já não foi postado.

 
© Mundo de Blogueira - 2019. Todos os direitos reservados.
.