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>