Como colocar um botão de usuários on-line no blog

Hoje descobri uma novidade para quem curti o blog. Você sabia que tem como monitorar a quantidade de pessoas que estão on-line em determinado momento no seu blog? Pois é, eu estava vendo muitas pessoas fazendo isso em seus blogs, mas não conseguia fazer no meu, por isso dediquei um pouco do meu tempo e aprendi, agora quero ajudar outras pessoas.

Primeiramente acesse o seu painel do blogger e procure pela opção modelo, em seguida clique em editar html como mostra a figura abaixo.




Na sequencia pressione Ctrl + F e procure pela linha descrita abaixo.

<b:skin><


Exatamente acima dessa linha cole o seguinte código:

<script id="_wauo9i">var _wau = _wau || [];
_wau.push(["tab", "ebls8z46arge", "o9i", "right-middle"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/tab.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>




Dessa forma ele aparecerá como mostra a imagem acima;


Se preferir que ele apareça centralizado na parte de baixo de seu site ou blog cole o seguinte código ao invés do anterior.
<script id="_wau9mi">var _wau = _wau || [];
_wau.push(["tab", "ebls8z46arge", "9mi", "bottom-center"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/tab.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>


Seu botão de usuários on-line ficará como esse mostrado ao lado.


Se ainda sim não estiver satisfeito e querer colocar o botão na lateral esquerda de seu site ou blog coloque o opte pelo seguinte código:

<script id="_wau40z">var _wau = _wau || [];
_wau.push(["tab", "ebls8z46arge", "40z", "left-middle"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/tab.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>




Além desses três lugares citados em que você pode colocar o botão, você também tem a opção de simplesmente criar um widget HTML e coloca-lo em qualquer lugar de sua página apenas colando o seguinte código dentro do Widget:




<script id="_wauo9i">var _wau = _wau || []; _wau.push(["classic", "ebls8z46arge", "o9i"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/classic.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>



Se prefirir você poderá colocar esse outro modelo de botão, que é pra mim o mais discreto e também muito eficiente. O Botão Pequeno. Copie o código a seguir e cole em um widget HTML em seu blog.

<script id="_waupna">var _wau = _wau || []; _wau.push(["small", "ebls8z46arge", "pna"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/small.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>





Clique em salvar e pronto! Após isso aparecerá em sua página um ícone igual esse exibido na lateral deste site e com a quantidade de pessoas on-line no momento.

Reações:

20 comentários:

  1. Muito Bacana ..mais eu tinha no mesmo lugar um link de follow-me do Twitter , e depois consegui colocar a mesma coisa só que do lado esquerdo e não consigo tirar mais esse 1 (do lado direito) help , me ajuda por favor to desesperada

    ResponderExcluir
    Respostas
    1. Vai lá no mesmo lugar onde você colocou em editar HTML e precione Ctrl+F, logo em seguida vai aparecer uma caixa de pesquisa. Dentro dessa caixa você coloca o código que você usou anteriomente. Precione Enter e ele vai ser encontrado. Selecione e apague, substituindo pelo código que coloca o botão na esquerda.

      Pronto. Qualquer dúvida deixe aqui nos comentários.

      Forte Abraço.

      Excluir
  2. Nossa valeu msm, ajudou muito e pode olha como ficou...
    bjuuxx e brigada♥

    http://clubinho-das-encantadas.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Agradeço a sua presença por aqui.

      Dei uma olhada como fiou o seu blog com o totão de usuários on-line. Parabéns ficou muito legal.

      Forte Abraço.

      Excluir
  3. Ajudou muito obrigado

    ResponderExcluir
    Respostas
    1. Estamos a disposição...

      Agradeço a Participação...

      Excluir
  4. Respostas
    1. Saudações Eliane;
      Grato pela sua visita e participação.

      Excluir
  5. o meu fica sempre 21 ou 18, mais não tem como pois no xat embaixo eu to sozinho '-'

    ResponderExcluir
    Respostas
    1. Oi Tody,

      Estava com alguns probleminhas no html, mas agora já está tudo certo. Tente fazer o processo novamente e você verá que dará certo.

      Forte abraço.

      Excluir
  6. Valeu estava precisando mesmo disso! Gostaria de fazer parceria pode ser?

    ResponderExcluir
  7. participa do meu blogger este é o link dele: http://pinguimpink.blogspot.com.br/

    ResponderExcluir
  8. Valew cara,suas dicas me ajudou muito!!! :)

    ResponderExcluir
    Respostas
    1. Eu que agradeço o seu feedback;;;; grande abraço;

      Excluir

Deixe seu comentário e nos ajude a melhorar a qualidade de nossas postagens.