Home Sobre F.A.Q Créditos Kawaii

junho 04, 2018

Widget Seguir por e-mail do Bloglovin com Contador de Seguidores Rosa

Oiee... No post de hoje vou mostrar como usar o widget de se inscrever por e-mail do Bloglovin com contador de seguidores rosa, que nem esse que uso atualmente. Aproveito para agradecer a todos que seguem o blog por meio do site, fico muito feliz em saber que posso contar com vocês!
Para quem não conhece, o Bloglovin é um site que funciona como leitor de feeds, ou seja, um lugar para você armazenar todos os sites e blogs que gosta e segue recebendo suas atualizações; além disso, por meio dele há como salvar postagens favoritas, classificar o que você quiser em categorias, compartilhar posts em outras redes, usá-lo como rede social e até como blog.
Postei sobre ele há algum tempo (aqui). Se você tem uma conta por lá e um blog, acesse a página de Widgets. (E se ainda não criou seu feed link lá no site, pesquise pelo endereço de seu blog na caixa de pesquisas, clique nele quando encontrar e depois em Claim your blog, cole o código onde preferir no seu html ou layout, e clique em Claim para gerar o 'perfil' com atualizações do seu blog).
Dentre as opções de widgets, encontrará essa de seguir por e-mail. Clique em Get this widget.
Lá você encontrará o código para adicionar em um novo gadget html/javascript no Layout de seu blog.
Vamos adicionar junto um código mais antigo do site, do contador rosa. Aqui estão os 2 códigos:
<a class="blsdk-follow" href="https://www.bloglovin.com/blogs/nome-do-blog-XXXXXXX" target="_blank">Follow</a><script>(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s);js.id = id;js.src = "https://www.bloglovin.com/widget/js/loader.js?v=1";fjs.parentNode.insertBefore(js, fjs);}(document, "script", "bloglovin-sdk"))</script>

<br/><center><br />

<a href="http://www.bloglovin.com/en/blog/XXXXXXX" title="Follow NOME DO SEU BLOG on Bloglovin"><img src="http://www.bloglovin.com/widget/subscribers_pink.php?id=XXXXXXX&amp;lang=en" alt="Follow on Bloglovin" border="0" /></a></center>


Tudo que você precisa saber é qual é o link e o número de identificação do seu blog no Bloglovin, que geralmente é o nome do blog junto com alguns números, no código eu coloquei XXXXXXX para representá-los; substitua pelo seu link e números e depois salve. Resultado:
Ainda não consegui mudar as cores dos textos e botão de follow do widget, se alguém aí souber e quiser compartilhar, fique a vontade ;3

Imagem do urso: pixabay.com

2 comentários:

  1. Oi roberta adoro seu blog.
    você pode me ajudar? como eu tiro aquele espaço que fica quando eu coloca a expansão de postagem? queria colocar a expansão de postagem sem ficar aquele espaço em branco quando abro a postagem.

    ResponderExcluir
    Respostas
    1. Oi Luma, muito obrigada !!!
      Aqui, quando uso um modelo padrão do Blogger, vou no html da postagem mesmo e procuro pelo <*!--more--*> (que é a expansão de postagem em html) e apago o <*br/*> que aparece juntinho dele (ambos sem asterisco*, só coloquei eles no comentário porque senão o código a que me refiro não ia aparecer :)
      Esse <*br/*> significa espaço, tipo um enter sabe?
      Outra forma é usar uma leia mais automático, que nem o desse post.
      Vou dar uma olhada para ver se encontro mais alguma coisa sobre isso pela web e se encontrar conto para vc ok?
      bjim ;3

      Excluir

Muito obrigada por seu comentário e por sua presença! Ambos são super importantes para mim.

Apenas peço que:
- Comente a vontade, dê sua opinião, faça críticas, esclareça suas dúvidas e dê suas sugestões sobre o assunto referente às postagens;
- Use um vocabulário livre para todas as idades;
- Não ofenda ninguém em hipótese alguma.

Os comentários são moderados e não são permitidos comentários de pessoas que não se identifiquem. Algumas dúvidas podem ser previamente esclarecidas na F.A.Q, assim como créditos e outras coisas.

Por favor, entrem em contato por meio das redes sociais também para dúvidas, sugestões, pedidos ou outros:
Facebook - Twitter - Google+ - Deviantart

I it