Como colocar botão de visitante online no seu blog

Estava Criando Meu Blog e coloquei o monitorador de visitantes on-line, logo percebi que outros blogs não tinham, não sei se por não gostarem ou por não saberem que poderiam colocar, Com isso, dediquei um pouco do meu tempo para fazer este breve Tutorial e ajudar outros outras pessoas.

1° PASSO: Entre no seu painel de controle do blog, feito isso vamos procurar pela opção MODELO, em seguida clique como mostra a figura abaixo.

2° PASSO: Depois de ter clicado em modelo irá aparecer a imagem abaixo, agora vamos clicar em EDITAR HTML:

3° PASSO: Após ter clicado  em editar html irá aparecer o código html do seu blog como mostra figura abaixo, vamos pressionar a tecla CTRL + F  e procurarmos pela 1° linha <b:skin><

4° PASSO: Agora que já achamos a 1° linha <b:skin><, vamos escolher um dos códigos abaixo e colar exatamente em cima desta linha como mostra figura abaixo:

IMPORTANTE: ANTES DE SALVAR MODELO CLIQUE EM VISUALIZAR PARA CONFERIR SE ESTÁ CERTO.

Segue alguns Modelo de botões abaixo que peguei no site do desenvolvedor, mas caso queira  ver todos clique aqui.

1° Imagem e código:  botão no topo lado direito de seu blog.

<script id="_waucs9">var _wau = _wau || [];

_wau.push(["tab", "vis59zogwl7s", "cs9", "right-upper"]);

(function() {var s=document.createElement("script"); s.async=true;

s.src="http://widgets.amung.us/tab.js";

document.getElementsByTagName("head")[0].appendChild(s);

})();</script>

2° Imagem e código:  botão no centro do roda pé do seu blog.

<script id="_wauc3e">var _wau = _wau || [];

_wau.push(["tab", "vis59zogwl7s", "c3e", "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>

3° Imagem e código:  botão no topo lado esquerdo do seu blog.

<script id="_waugo2">var _wau = _wau || [];

_wau.push(["tab", "vis59zogwl7s", "go2", "left-upper"]);

(function() {var s=document.createElement("script"); s.async=true;

s.src="http://widgets.amung.us/tab.js";

document.getElementsByTagName("head")[0].appendChild(s);

})();</script>

Os Modelos podem ser escolhidos da seguinte forma:

Lado esquerdo: Topo,Centro e Fundo

Lado Direito: Topo,centro e fundo

Fundo: Lado esquerdo,centro ou lado direito

A cima eu dei apenas 3 modelos, caso queira mais entre no site do desenvolvedor para pegar o código clicando aqui.

Mas não para por aí, ainda tem outros modelos que poderá colocar, bastando criar um widget HTML e colocá-lo no lugar que desejar em seu blog, colando o código abaixo dentro do widget criado.

                                                                    

<script id="_waugo2">var _wau = _wau || []; _wau.push(["small", "vis59zogwl7s", "go2"]);

(function() {var s=document.createElement("script"); s.async=true;

s.src="http://widgets.amung.us/small.js";

document.getElementsByTagName("head")[0].appendChild(s);

})();</script>

                                                                   

                                              

<script id="_waugo2">var _wau = _wau || []; _wau.push(["classic", "vis59zogwl7s", "go2"]);

(function() {var s=document.createElement("script"); s.async=true;

s.src="http://widgets.amung.us/classic.js";

document.getElementsByTagName("head")[0].appendChild(s);

})();</script>

Também há possibilidade no site do desenvolvedor de trocar as cores do botão a cima. ir para o site do desenvolvedor.

E por último, caso ainda não esteja satisfeito(a) , tem em forma de MAPA.

<script id="_waugo2">var _wau = _wau || [];

_wau.push(["map", "vis59zogwl7s", "go2", "420", "210", "natural", "star-blue"]);

(function() {var s=document.createElement("script"); s.async=true;

s.src="http://widgets.amung.us/map.js";

document.getElementsByTagName("head")[0].appendChild(s);

})();</script>

Vale lembrar  que antes de clicar em salvar modelo, clique em visualizar para verificar se ficou certinho e depois de verificado e conferido aí sim clique em salvar.

Atenciosamente,

Equipe Lotofácildica