Como colocar "Área do visitante" no blog

Essa ferramenta é um gadget com as informações sobre seu leitor, ela contem as seguintes informações: nome, numero de vez que visitou o site, data, hora e ip do visitante!

Eu não gosto muito deste gadget pois ele abre uma janela perguntando o nome do usuario, o que pode acabar incomodando os visitantes, porem, exitem pessoas que gostam, então segue abaixo o tutorial.

*tutorial atualizado 2018

Primeiro Passo: Vá em Layout, ''Adicionar Gadget'' e em seguida ''HTML/Java Script''.

Segundo Passo: Copie e cole o seguinte código:

<center>
<div>
<img src="https://lh6.googleusercontent.com/-FaTuEJMeyac/TlSOicbYp2I/AAAAAAAAAGA/agZFL5V9eNQ/01.png" />  Área do visitante ( <a href="JavaScript:set()">?</a> )</div>
</center>
<script language = "JavaScript"> 
var expDays = 30;
var exp = new Date(); 
exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
function Who(info){
  var VisitorName = GetCookie('VisitorName')
  if (VisitorName == null) {
   VisitorName = prompt("Qual é seu nome");
   SetCookie ('VisitorName', VisitorName, exp);
  }
 return VisitorName;
}
function When(info){
      var rightNow = new Date()
  var WWHTime = 0;
  WWHTime = GetCookie('WWhenH')
  WWHTime = WWHTime * 1
  var lastHereFormatting = new Date(WWHTime);          var intLastVisit = (lastHereFormatting.getYear() * 10000)+(lastHereFormatting.getMonth() * 100) + lastHereFormatting.getDate()
         var lastHereInDateFormat = "" + lastHereFormatting; 
         var dayOfWeek = lastHereInDateFormat.substring(0,3)
         var dateMonth = lastHereInDateFormat.substring(4,11)
         var timeOfDay = lastHereInDateFormat.substring(11,16)
         var year = lastHereInDateFormat.substring(23,25)
         var WWHText = dayOfWeek + ", " + dateMonth + " at " + timeOfDay 
  SetCookie ("WWhenH", rightNow.getTime(), exp)
 return WWHText;
}
function Count(info){
  var WWHCount = GetCookie('WWHCount')
  if (WWHCount == null) {
   WWHCount = 0;
  }
  else{
   WWHCount++;
  }
  SetCookie ('WWHCount', WWHCount, exp);

return WWHCount;
}
function set(){
 VisitorName = prompt("Bem Vindo. Qual é o seu nome??");
 SetCookie ('VisitorName', VisitorName, exp);
 SetCookie ('WWHCount', 0, exp);
 SetCookie ('WWhenH', 0, exp);
}
function getCookieVal (offset) {  
 var endstr = document.cookie.indexOf (";", offset);  
 if (endstr == -1)    
  endstr = document.cookie.length;  
  return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {  
 var arg = name + "=";  
 var alen = arg.length;  
 var clen = document.cookie.length;  
 var i = 0;  
 while (i < clen) {    
 var j = i + alen;    
 if (document.cookie.substring(i, j) == arg)      
  return getCookieVal (j);    
  i = document.cookie.indexOf(" ", i) + 1;    
  if (i == 0) break;   
 }  
 return null;
}
function SetCookie (name, value) {  
 var argv = SetCookie.arguments;  
 var argc = SetCookie.arguments.length;  
 var expires = (argc > 2) ? argv[2] : null;  
 var path = (argc > 3) ? argv[3] : null;  
 var domain = (argc > 4) ? argv[4] : null;  
 var secure = (argc > 5) ? argv[5] : false;  
 document.cookie = name + "=" + escape (value) + 
 ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + 
 ((path == null) ? "" : ("; path=" + path)) +  
 ((domain == null) ? "" : ("; domain=" + domain)) +    
 ((secure == true) ? "; secure" : "");
}
function DeleteCookie (name) {  
 var exp = new Date();  
 exp.setTime (exp.getTime() - 1);  
 var cval = GetCookie (name);  
 document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
</script> 
<script> 
 document.write("<b>Nome:</b> " + Who() + " <b>Esta é a:</b> " + Count() + "º</b> vez que nos visita")
</script>

<b>Hoje é:</b> <script language="JavaScript">
hoje = new Date()
dia = hoje.getDate()
dias = hoje.getDay()
mes = hoje.getMonth()
ano = hoje.getYear()
if (dia < 10)
dia = "0" + dia
if (ano < 2000)
ano = 1900 + ano
function NArray (n) 
{
this.length = n
}
NomeDiaWMOnline = new NArray(7)
NomeDiaWMOnline[0] = "Domingo"
NomeDiaWMOnline[1] = "Segunda-feira"
NomeDiaWMOnline[2] = "Terça-feira"
NomeDiaWMOnline[3] = "Quarta-feira"
NomeDiaWMOnline[4] = "Quinta-feira"
NomeDiaWMOnline[5] = "Sexta-feira"
NomeDiaWMOnline[6] = "Sábado"
NomeMesWMOnline = new NArray(12)
NomeMesWMOnline[0] = "janeiro"
NomeMesWMOnline[1] = "fevereiro"
NomeMesWMOnline[2] = "março"
NomeMesWMOnline[3] = "abril"
NomeMesWMOnline[4] = "maio"
NomeMesWMOnline[5] = "junho"
NomeMesWMOnline[6] = "julho"
NomeMesWMOnline[7] = "agosto"
NomeMesWMOnline[8] = "setembro"
NomeMesWMOnline[9] = "outubro"
NomeMesWMOnline[10] = "novembro"
NomeMesWMOnline[11] = "dezembro"
document.write (NomeDiaWMOnline[dias] + ", " + dia + " de " + NomeMesWMOnline[mes] + " de " + ano)
</script>

Terceiro Passo: Após ter colado o codigo, clique em ''Salvar'' agora é só aproveitar!

3 comentários

3 comentários:

Tyne Carias disse...: MUITO BOM GOSTEI SO QUERIA SABER SE TERIA COMO VER OS RESULTADOS?; 28 de agosto de 2013 às 21:40
semlimitebrasil disse...: o blog seu é muito bom gostaria de fazer parceria com vc para que nosso blogs site possa receber cada dia mais visitantes amigo ser interessa esse é o meu blog http://wwwsemlimiteutorrent.blogspot.com.br/; 20 de maio de 2014 às 07:51
Play Anuncio disse...: anuncie seu site gratuitamente acesse: playanuncio.blogspot.com.br; 14 de julho de 2014 às 17:27

Postar um comentário

Assinar: Postar comentários

Riptors

Marcadores

Renders

FEED

Seguidores

Parceiros