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>
<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>
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>
_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.
_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.
_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.