Como colocar um Velocímetro da Internet em meu site ou Blog?

Bom, eu já fiz o código completo, você só vai precisar copiar e colar para seu código, entretanto, vou explicar o que fiz e dar alguns exemplos de utilização.
O link direto para o medidor, você poderá colocar outro medidor a seu gosto:
http://simet-publico.ceptro.br/
Só para incrementar , criei um pequeno botão já configurado com CSS e JavaScript para que o aplicativo fique mais bonito, e acima de tudo, não abra na mesma página em que o seu site está carregado, segue o código:

 

 <div align="center">
   <style>
 .button_grey, .button_grey_sm, .button_green_sm, .button_red_sm, .button_gold {
 background:url('http://simet-publico.ceptro.br') 0 0 repeat-x;
 border-radius:3px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 cursor:pointer;
 display:inline-block;
 font-family:Helvetica, Arial, sans-serif;
 text-shadow:1px 1px rgba(255, 255, 255, 0.5);
 }
 .button_grey:hover, .button_grey_sm:hover, .button_green_sm:hover, .button_red_sm:hover, .button_gold:hover {
 text-decoration:none;
 }
 .button_grey, .button_grey_sm {
 border:1px solid #b8b8b8;
 color:#373737;
 font-weight:bold;
 }
 .button_grey, .button_grey:hover[disabled], .button_grey:active[disabled] {
 font-size:14px;
 padding:6px 12px;
 }
 .button_grey:hover, .button_grey_sm:hover {
 color:#191919;
 }
 .button_grey:active {
 background-position:0 -100px;
 }
 </style>
      <input type="submit" onclick="javascript:window.open('http://simet-publico.ceptro.br/', 'janela', 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=no, width=600, height=440'); return false;" class="button_grey" value="Iniciar o teste" />
 </div>

Posted in: