Aprenda a inserir uma "Área do visitante" no blog

Olá leitores do blog BR Tutoriais Blog! A ferramenta que vou compartilhar hoje é um gadget com as informações sobre seu leitor, algumas bem simples, tais como: nome, quantidade de vezes que visitou o site, data, hora e ip do visitante!
 Vale muito a pena testar e instalar em seu blog, veja baixo o tutorial de instalação!

Gênero: Tutorial Blogger

____Nível de Dificuldade: Iniciante

1° passo: Acesse sua conta do blogger, vá em Layout, ''Adicionar Gadget'' e em seguida ''HTML/Java Script''.

2° 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> <b>São:</b> <span id="Clock">00:00:00</span><script language="JavaScript"><!-- var Elem = document.getElementById("Clock"); function Horario(){ var Hoje = new Date(); var Horas = Hoje.getHours(); if(Horas < 10){ Horas = "0"+Horas; } var Minutos = Hoje.getMinutes(); if(Minutos < 10){ Minutos = "0"+Minutos; } var Segundos = Hoje.getSeconds(); if(Segundos < 10){ Segundos = "0"+Segundos; } Elem.innerHTML = Horas+":"+Minutos+":"+Segundos; } window.setInterval("Horario()",1000); //--></script> <a href="http://www.whatsmyip.us" style="color:black;"><b></b></a><b>Meu IP é: </b><script type="text/javascript" src="http://www.whatsmyip.us/showipsimple.php"></script>

3° passo: Após ter colado o código, clique em ''Salvar'' agora é só aproveitar!