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.


21 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. amei seu blog, espero voltar mais vezes .rs

    retribui a visita? sigo todos de volta ;D
    http://oxebrisa.blogspot.com.br/

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

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

    Beijocas,

    nossoglamour.blogspot.com.br

    ResponderExcluir
  5. Oi amr! Desculpa incomodar assim, mas queria te avisar que ta rolando um sorteio lá no blog e vir te convidar a participar.
    O link é esse: http://himi-tsu.blogspot.com.br/2013/08/sorteio-com-obashop.html
    ;3
    Se não tiver interesse por favor apenas desconsidere meu recado e mais uma vez desculpa o incomodo ♥

    Cecilia Mesquita
    Coffee Drop Blog

    ResponderExcluir
  6. 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
  7. 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
  8. Muito boa as dicas desse blog, tô aprendendo muito.

    Adorei conhecer esse lugar e já comecei a seguir.

    Beijos.
    www.duasvezesm.com

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

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

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

    Beijos
    Danny Makes
    Facebook

    ResponderExcluir
  11. 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
  12. http://pinkbelezura.blogspot.com.br/2013/08/kanitz-nova-parceria-sabonete-extra.html

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

    ResponderExcluir
  14. 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
  15. Que lindos, amei tudo!
    Já estou te seguindo, me segue também?

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

    ResponderExcluir
  16. 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
  17. Ai que máximo adorei demais a dica.
    Bjs,

    www.garimpus.com

    ResponderExcluir
  18. Amei, fica lindo mesmo!

    Beijo,
    www.needwantwish.com.br

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

    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 - 2017. Todos os direitos reservados.
Criado por: Vanessa P.