> E ai, Analu! | Moda • Maquiagem • Autoestima: Colocar botão "Leia Mais" personalizado no seu blog + Pacotão com 20 modelos para usar
English German Spain Italian Portuguese Japanese

28 de abril de 2017

Colocar botão "Leia Mais" personalizado no seu blog + Pacotão com 20 modelos para usar

Olá pessoas, como vão vocês?
No post de hoje, vou trazer duas coisas super legais para vocês.
A primeira delas, é um tutorial muito simples de como colocar o botão "Leia Mais" personalizado com imagem no blog, e a segunda coisa, é um pacote com 20 modelos de botão diferentes - todos feitos por mim - para vocês baixarem, e usarem no blog.
Vamos lá?
Em praticamente todos os templates que eu faço - você pode conferir aqui - eu sempre coloco o botão Leia mais personalizado. Dá uma cara muito profissional ao blog, e deixa ele mais charmoso.

Colocar esse botão não é nada dificil, e deixar ele a seu gosto é menos dificil ainda.
Para começar, vá em "Tema>EditarHTML"
Lá, de um clique dentro da area de códigos, e tecle "Ctrl+F", na caixinha de texto de que se abrir, procure por:
<data:post.jumpText/>
Caso não ache assim, tire as setinhas e a barra e procure de novo.

Quando achar, substitua esse código por:
<p align='right'><a expr:href='data:post.url'><img src='Link do botao aqui'/></a></p>

Onde está "link do botão aqui", você vai colocar o url da imagem.
Para ter o url da imagem, coloque ela no editor de posts, e depois clique em "copiar endereço da imagem" - não precisa publicar o post, ou deixar ele lá. Pode apagar sem problemas.

Na parte marcada de laranja, você pode alterar o posicionamento da imagem. Colocando ela ao centro, à direita, ou a esqueda.
Para posicionar, substitua right | à direita por:
left | à esquerda
center | no centro

Você pode fazer o seu próprio botão do jeitinho que você quer, encomendar um , ou usar qualquer um do pacote que eu disponibilizei para vocês.
Eu fiz diversos modelos, mas a maioria deles tem o visual clean, simples, porém bonito.
Fiz alguns mais fofinhos, e alguns femininos mais adultos. Você pode usar qual quiser.
Estou disponibilizando o download por meio do "PagSocial", nele, você só precisa seguir o passo, e o download ficará disponível.

**Lembrando que, o seu botão só vai aparecer se, na hora de criar o post você usar o botão  para definir a partir de onde o post vai ser cortado.

Caso nenhum dos botões tenha te agradado, ou você não tenha conseguido colocar, você pode contratar esse serviço pela Mix Digital Design, o seu botão é feito do jeitinho que você quer, e instalado perfeitamente.

E ai, o que achou desse help de hoje? Bem legal né?!
Se for usar um dos meus botões, avise pra eu ir no seu blog ver como ficou :D
Não esqueça de seguir o blog se gostou, e até o próximo post.
Beijos !

39 comentários:

  1. Que legal esse post, lembro quando montei meu blog que tinha que fuçar td sozinha, sem saber direito dos codigos...
    Deu até saudade

    Beijos <3

    Blog Nana Pinho em cores - Face - Insta Nana
    Blog Cozinha Desande - Insta Cozinha

    ResponderExcluir
  2. Tenho e confesso que adoro bastante
    adorei a tua partilha
    Beijinhos
    CantinhoDaSofia /Facebook /Intagram
    Tem post novos todos os dias

    ResponderExcluir
  3. Olá, td bom?
    Acho tão legal quando blogs fazem esse tipo de post, q ajudam as novatas hehehe Ainda mais quando disponibilizam links e etc ♥ O meu layout já veio com, mas tem uns q n vem (sei lá pq) é bom posts como o seu por isso ^^
    bjs

    Blog: Skull Minds | Twitter | Tumblr | Pinterest | WeHeartIt | Instagram Snap: maisaindia

    ResponderExcluir
  4. Muito bom o tutorial a sua dica é bastante importante, é sempre bom contar com uma ajuda assim. Muitas vezes queremos mudar um pouco o blog e não sabemos como, com o botão leia mais o blog fica mas personalizado, obrigada por compartilhar bjs.

    ResponderExcluir
  5. Oi,boa noite!
    Muito boa a dica e o tutorial,parabéns!
    Boa semana.
    Beijos.

    ResponderExcluir
  6. oi adoro dicas para melhorar nosso cantinho.O tuto está bem explicado,grata viu,bjão.

    ResponderExcluir
  7. Oi,
    Gostei da sugestão.
    Vou tentar no meu site.
    Ele não tem esse botão.
    Já baixei os botões e vou escolher um.
    Abrçs

    ResponderExcluir
  8. Adorei a dica! Vários botões diferentes e lindos. Parabéns pelo post.
    Super beijo 😘

    ResponderExcluir
  9. Que beleza de dica.
    Um ótimo post e modelos bonitos.
    Beijos

    ResponderExcluir
  10. Uau e eu que não sabia nada disso, amei as explicações e a ideia do botão leia mais, vou testar, obrigada pelas dicas ...post bastante explicativo, parabéns!

    ResponderExcluir
  11. Arrasou no post super dica.
    Amei super passo a passo parabéns

    ResponderExcluir
  12. Eu amei sua dica, acho que vou trocar o meu que esta sem graça, muito obrigada por compartilha <3

    ResponderExcluir
  13. Ah mulher vou ter que contratar seus serviços...sou um fiasco em templates..achei lindo a arte que dispôs para download! Bjs

    ResponderExcluir
  14. Que bacana Analu, gostei demais da sugestão, pensando em colocar no blog ;)

    Bjokas da Vaci :*

    ResponderExcluir
  15. É bom esta ajudando, é verdade meu blog não é blogger.:(
    Bjos

    ResponderExcluir
  16. Gosto muito desses posts que nos ajudam... parabéns

    ResponderExcluir
  17. Muito legal esse tutorial! To pensando em colocar no meu blog... Obrigada por compartilhar...

    ResponderExcluir
  18. Amo HTML tenho um blog que personaliza layouts. Vou salvar seu blog para quando eu precisar de tutoriais :D

    ResponderExcluir
  19. Você explica de um jeito tão fácil de entender... mas por aqui não nos arriscamos a mexer nas configurações... sempre temos que contratar alguém pra isso...

    ResponderExcluir
  20. Olá Analu!uma excelente dica e muito bem explicado,temos que está sempre atualizando nossos blogs,uma ótima sugestão.Bjss

    ResponderExcluir
  21. legal quero confessar que vc explica tão simples e facil, vou colocar no meu tbm,bjks e obrigado por compartilhar

    ResponderExcluir
  22. Such an interesting post dear! Love your blog!

    I'm following you on GFC :)

    mystylishcorner.blogspot.ba

    ResponderExcluir
  23. Beleza de tutorial, faz com que nós blogueiros iniciantes ou não aprenda mais desses detalhes que melhoram ainda mais os nossos espaços
    Obrigado por compartilhar

    Beijos
    Rafael

    ResponderExcluir
  24. Muito bom seu tutorial, você explica muito bem e isso facilita demais para os blogueiros iniciantes. As imagens de "leia mais" estão lindas, parabéns!

    ResponderExcluir
  25. QUE MARAVILHA ESSE TUTORIAL BEM EXPLICADINHO GOSTEI,AJUDA MUITO A NOS BLOGUEIROS,PARABÉNS PELO POSTE.

    ResponderExcluir
  26. Obrigado amada pela dica, ajudou muito, beijinhossssssssss

    ResponderExcluir
  27. Adorei, isso ajuda muito, além de deixar o blog mais organizado e bonito!
    Valeu por compartilhar conosco!
    Bjs (•‿•)

    ResponderExcluir
  28. Oi Ana, que auto ajuda essa sua postagem menina. Olha eu não tenho a menor habilidade com essas coisinhas, mais adorei a ideia de colocar esse botão no meu blog.
    Beijinhos e obrigada!

    ResponderExcluir
  29. Que maravilhaaa. Eu sempre busco coisas assim na Internet pra me ajudar com i blog. Eu nao uso esse botão no meu, mas é bem interessante e to pensando em aderir, acho qur o blog fica mais organizado, né? Vou guardar teu link pra depois tentar no meu blog.
    Beijos e valeu pela ajuda.

    ResponderExcluir
  30. Muito legal sua dica e também os modelos personalizados. É sempre bom aprender um pouco mais e poder deixar o blog com a nossa cara. Dica anotada, assim que eu tiver um tempinho vou testar os modelos de botões. Adorei.

    *☆* Atraentemente *☆*

    ResponderExcluir
  31. Olá, amiga!!
    Que postagem mais legal!! Amo coisas novas!!
    Muito bom você compartilhar com seus amigos essa dica,pois ajuda bastante!
    Parabéns!! Bjsss

    ResponderExcluir
  32. Obrigada por compartilhar essa novidade para os blogs. Que bom dividir seu conhecimento com todos! Abraços

    ResponderExcluir
  33. QUE TOP AMADA E MUITO BOM ADOREI SUA RESENHA OBRIGADO

    ResponderExcluir
  34. Adoro colocar essas coisinhas no meu blog, faz tempo que não mudo!
    são muito fofos!
    bjúús

    ResponderExcluir
  35. Analu, tem como diminuir ou aumentar o tamanho da imagem?

    ResponderExcluir
    Respostas
    1. Oi, Alexsandro, tem sim ! A melhor forma de aumentar é no computador, pois não perde muita qualidade. Usando editores, como o photoscape por exemplo. No html, é só adicionar na parte (tag de abertura) p align='right' (tag de fechamento) o comando de dimensões. Logo: (tag de abertura) p align='right' width='300'(tag de fechamento) ai é só diminuir ou aumentar o número. Se não der certo, salve a imagem e dimensione ela manualmente.
      Abraços.

      Excluir

Ficaria muito feliz em saber o que você achou deste post. Então, não deixe comentar.
Isso é um incentivo ao meu trabalho.
Ao comentar lembre-se de algumas coisas:

• Respeitar ao próximo é primordial.
• Expor suas opiniões? pode.
• Fazer criticas? pode. Desde que sejam construtivas.

Adoro ver comentários, por que vejo que vocês estão lendo meus posts, gostando ou não; gosto de saber que alguém leu. :)

© CHARMOSAS IDEIAS - 2019. Todos os direitos reservados. Criado por: Analu Andrade. Tecnologia do Blogger. imagem-logo