Blog do Vitor Farias
  • Início
  • Pedidos
  • Parcerias
  • Divulgação
  • Contato
  • Sobre



Este blog permanecerá desativado por tempo indeterminado. Os comentários, em sua maioria, não estão sendo respondidos devido à minha indisponibilidade de tempo. Mesmo assim a página de pedidos continuará aberta para que na volta do blog todos os pedidos sejam atendidos.
Porém, podemos nos contatar através do Facebook ou por meio de algum dos serviços listados na página de contatos.

Vitor Farias

Colocando e editando um contador de acessos

9 comentários
Postado domingo, 21 de março de 2010 por Vitor Farias

Neste artigo você aprenderá como colocar um contador de acessos na sua pagina publica, no seu blog, ou no seu site, e inclusive no ORKUT. E também aprenderá um pouquinho de HTML ao longo do post. Confira!!!

Primeiramente, me perdoem por não estar mais postando no blog!! Não tenho tido tempo para fazer o post, e como vocês sabem, tudo que faço, eu quero com qualidade. Se eu fizesse correndo, tudo sairia RIDÍCULO e de má qualidade...

Mas tomara que em breve eu volte a postar pelo menos com um pouquinho mais de frequência!! =D

De todos os sites de contadores que existem na Internet, para mim, o melhor é este (http://contador.s12.com.br/). Pois ele tem a maior quantidade de modelos de contadores na web, e alem disso tudo, é grátis.

Clique aqui para entrar no site

No site você encontrará mais de 30 modelos para escolher a vontade. Você deve escolher o modelo que mais combina com você, aquele que você mais gostar.

Eu gostei mais deste, por isso vou escolher este aqui:

Selecionado o modelo de sua escolha, clique no botão "Criar Contador!" que se localiza centralizado na parte inferior do site (lá embaixo do site).

Ao clicar no botão, o seu novo contador será criado. Ele estará ali, em HTML, basta você copiar e colocar em qualquer pagina que aceita HTML.




O HTML que aparecerá para você, será muito parecido com este que apareceu para mim:
<div align=center>
<a href="http://www.bravoxnet.com.br" style="font:Arial;font-size:9px;color:#999999;text-decoration:none;" target="_blank">Voip</a><br><a href="http://contador.s12.com.br" target="_blank"><img src="http://contador.s12.com.br/img-aBDBDbb0-26.gif" alt="Contador" border="0"></a>
</div>

Usando o HTML que foi gerado (sem alterar nada), ele ficaria assim:
Voip
Contador

Percebe-se que no código que é gerado, vem com um anuncio. Suponho que este anuncio é gerado pois os donos do site gerador de contadores, ganham um dinheiro por cada clique nestes anuncio (suponho). É meio difícil de entender como isso pode acontecer; mas acontece.

Este anuncio já estava naquele código HTML que copiamos. Mas imagina o contador em sua pagina, com aquele anuncio que não tem nada haver.
Fica feio não é? - Então vamos tirar!

Para podermos entender o que estamos fazendo, vamos interpretar este código:
<div align=center>
<a href="http://www.bravoxnet.com.br" style="font:Arial;font-size:9px;color:#999999;text-decoration:none;" target="_blank">Voip</a><br><a href="http://contador.s12.com.br" target="_blank"><img src="http://contador.s12.com.br/img-aBDBDbb0-26.gif" alt="Contador" border="0"></a>
</div>

██ : HTML para centralizar texto. (opcional)
██ : HTML para link. No caso o link é para o anuncio.
██ : Endereço do link do anuncio.
██ : Anuncio.
██ : HTML para quebra de linha. (Pular uma linha)
██ : HTML para link. No caso para o site de onde o contador foi tirado.
██ : Endereço do link do site de onde o contador foi tirado.
██ : HTML para a imagem do contador.
██: Endereço da imagem do contador.
* Tudo que está em itálico é o estilo do link / fonte / imagem / titulo / etc.

Se você tem uma noção básica de HTML, com a legenda acima você já conseguiria remover o anuncio. Mas para você que não conhece HTML, faça o que eu digo! =)

Apague todo HTML para o link do anuncio (tudo que está desta cor ██ ) e o endereço do link do anuncio (tudo que está desta cor ██)

Nosso código ficou assim: 
<div align=center>
Voip<br><a href="http://contador.s12.com.br" target="_blank"><img src="http://contador.s12.com.br/img-aBDBDbb0-26.gif" alt="Contador" border="0"></a>
</div>

* A legenda para as cores ainda é a mesma.

Com o código acima (sem o link do anuncio) teríamos o nosso contador assim:
Voip
Contador

Já da pra perceber que estamos quase lá, não é verdade?
Agora só falta você apagar o anuncio (que está desta cor ██ )

Nosso código ficou assim:
<div align=center>
<br><a href="http://contador.s12.com.br" target="_blank"><img src="http://contador.s12.com.br/img-aBDBDbb0-26.gif" alt="Contador" border="0"></a>
</div>

* A legenda para as cores ainda é a mesma.

Nosso contador ficará deste jeito com o HTML acima:

Contador

Já apagamos tudo, e sabemos que o <br> serve apenas para fazer uma quebra de linha. Então é claro que podemos apagar ele. Mas cuidado para não apagar nada alem do <br>.

Seu contador está pronto. Mas...
Se você reparar, a imagem do contador (onde estão os números) está "linkada" (tem um link). Este link é para o site de onde tiramos o contador. Observando nossa legenda podemos ver isto (veja legenda lá em cima) (HTML para link do site do contador: tudo que está nesta cor ██ ). Podemos alterar o endereço do link apenas trocando o endereço (tudo que está nesta cor ██ ) Por exemplo:


<div align=center>
<a href="http://blogdovitorfarias.blogspot.com" target="_blank"><img src="http://contador.s12.com.br/img-aBDBDbb0-26.gif" alt="Contador" border="0"></a>
</div>


* A legenda para as cores ainda é a mesma.

Nosso contador ficará deste jeito com o HTML acima:

Contador

Ou então podemos remover o link, deixando apenas a imagem do nosso contador sem links.
O código ficaria assim:
<div align=center>
<img src="http://contador.s12.com.br/img-aBDBDbb0-26.gif" alt="Contador" border="0">
</div>

 ██ : Titulo. 
 ██ : HTML para o titulo.
* Adicionei mais duas legendas.
* A legenda para as cores ainda é a mesma.

Mas se você colocar o mouse em cima do contador e esperar um pouco, aparecerá escrito "Contador". Para mudar esta mensagem, substitua a palavra contador (que está escrito desta cor ██), pela palavra que você quiser.

Se você quiser remover esta mensagem apague o HTML para o titulo (tudo que esta desta cor  ██ ) e apague também o titulo (que está escrito desta cor  ██ ).


Seu código deverá ficar assim:
<div align=center>
<img src="http://contador.s12.com.br/img-aBDBDbb0-26.gif" border="0">
</div>

* A legenda para as cores ainda é a mesma. 

Nosso contador ficará deste jeito com o HTML acima:

Ou seja, a única coisa que precisamos para ter nosso contador, é o HTML para a imagem do contador (que está desta cor ██ ) e o link da imagem do contador (que está desta cor ██ ).

* O border="0" é apenas para que a imagem não fique com uma bordar "enfeiando" o contador.
* O div align="center" é apenas para que o contador fique centralizado (no meio).

Para que você não tenha duvida de que só precisamos da imagem, experiente pegar o link da imagem, e ficar atualizando. O resultado é que a imagem sempre vai mudar de numero, mas o link permanecerá o mesmo.


Para colocar o contador de acessos no orkut, depois que ja tiver editado todo HTML do contador. Faça aquela mesma coisa de desativar HTML, colocar o código, reativar o HTML, e depois colar no perfil. Se não conseuiu entender, veja o fim do artigo HTML básico para orkut.


* Não encontrei no site do contador (http://contador.s12.com.br/), nenhum termo de uso que diga que não podemos remover os anúncios nem o link do site do contador. Mas mesmo assim, é bom deixar o link do site que fez seu contador, pois não é bom usar algo que não foi feito por você, sem dar pelo menos um crédito.

Está tendo problemas em alguma parte? Não conseguiu entender como colocar o contador? Perguntas, criticas, comentários e elogios são sempre bem vindos!!
Deixe o seu aqui!!


Não é proibida a cópia deste artigo, contanto que a fonte (Blog do Vitor Farias) seja citada.



Marcadores: Contador de Visitas, HTML, Mundo Virtual, Orkut, Tutoriais

9 Comentários

  1. gravatar Anônimo disse:
    24 de junho de 2010 às 09:57

    Eu vou ser o prmeiro a comentar, Olha gostei mas faço melhor do que isso.As pessoas que não entendem direito,não vão saber fazer então vai aprender a explicar melhor e se aperfeiçoar

  2. Vitor Farias disse:
    26 de junho de 2010 às 13:27

    Sim! Muitas pessoas fazem melhor do que isso, quando se fala em HTML. Mas meu objetivo não é ser melhor do que ninguem, e sim, passar conhecimento a quem tem interesse da melhor forma possível.

    Quanto a explicação que você considerou ruim; eu sempre procurei fazer o meu melhor nas postagens, mas é claro que não somos perfeitos. Sempre estou me aperfeiçoando para fazer cada vez melhor.

  3. gravatar Anônimo disse:
    21 de julho de 2010 às 23:27

    não ligue eu
    não sei nada de html e aprendir
    isso é "gentinha" que não faz nada por ninguem e si incomoda quando os outros fazem !!!
    parabens

  4. gravatar Anônimo disse:
    18 de outubro de 2010 às 14:15

    Gostei muito desse tutorial.Continua assim ajudando os outros pois Deus gosta disso.Deus gosta que todos ajudem um ao outro.
    Amigo vlw pelo tutorial e abraços!

  5. gravatar Anônimo disse:
    28 de março de 2011 às 21:31

    coloquei so que fica na atualizaçao queria que ficasse do lado...como faço? de ja agradeço

  6. gravatar Gustavo disse:
    21 de abril de 2011 às 10:40

    ai entra no meu blog ai demilovatoparaosfas.blogspot.com

  7. gravatar Anônimo disse:
    31 de maio de 2011 às 15:30

    fodaaaaaaaaaa vitaao '-'

  8. gravatar Anônimo disse:
    17 de outubro de 2011 às 13:41

    Eu entendi o que quis fazer, você quer tipo estruturar as pessoas para quando elas tiverem o conteúdo de HTML em mente saberem fazer tudo organizado.

    Tá legs sua explicação,

    Parabéns e Joinha pra vc

  9. gravatar Anônimo disse:
    21 de novembro de 2012 às 20:21

    Pior contador disponível atualmente é esse contador.s12.com.br, mandei 200 visualizações simultâneas por pacotes, e essse contador que tava nessa postagem com quase 3800 ficou com 15 Visualizações kkkkkkkkkk

Deixe um comentário aqui!!

xat.com/blogdovitorfarias

Marque isto como +1

Destaques do blog

O artigo que está em destaque neste mês, pois teve mais acessos até agora, contando des do dia 01/01/12, é:

HTML basico para orkut
(
com 15.805 visitas)

Um artigo atual, que nele você aprende o básico do básico de HTML. Ali coloquei as tags mais usadas no orkut..


Coordenadas no Google Earth
(
com 12.961 visitas)

Uma relação de coordenadas geográficas de lugares interessantes e até curiosos, que você poderá conferir no Google Earth

Chat

Entre em nosso chat, tire suas duvidas, converse com quem estiver online, troque idéias, dê sugestões e muito mais!!
Entre agora mesmo!


Adicione nosso grupo em seu MSN e entre em contato online com nossos membros!! Converse, troque idéias, tudo no seu MSN!!
group1020395@groupsim.com

Mais informações »

Seguidores

Contadores

Por IP:


Por visualização da pagina:
Contador

Usuários Online:

Marcadores

  • Curiosidades (6)
  • Dicas (4)
  • Downloads (3)
  • HTML (3)
  • Humor (5)
  • MSN (2)
  • Mundo Virtual (8)
  • Nerdices (2)
  • Orkut (4)
  • Programas (4)
  • Truques (5)
  • Tutoriais (6)

Arquivos do Blog

  • ▼  2010 (19)
    • ▼  março (2)
      • Colocando e editando um contador de acessos
      • Bluetooth Hack 1.8.2
    • ►  fevereiro (7)
    • ►  janeiro (10)
  • ►  2009 (11)
    • ►  dezembro (5)
    • ►  novembro (6)

Eu acompanho e recomendo!

Acesse Guanabara.Info

Divulgue nosso blog

Coloque nosso banner em seu site, blog ou perfil publico!
Copie o código abaixo

Obter mais banners em diferentes resoluções »


  • Início
  • Sobre
  • Contato
Powered by Bloger | Designed by WebTreats
Converted by Wordpress To Blogger for WP Blogger Themes | Customized by Vitor Farias