Painel - Área Do Visitante

Yo galera, hoje trago um tutorial muito bacana, é um painel de área do visitante todas as vezes que o seu visitante entrar no seu site irá aparecer uma pagina pedindo o nome dele e ficando na área do visitante com o nome, quantas vezes ele visitou, data e hora e o IP, mas fiquem tranquilos essas informações só aparecem para o visitante.

Veja o exemplo abaixo:

Vamos ao código:

Crie uma pagina Html/JavaScript e cole o código abaixo:

<center><div><img src="https://lh6.googleusercontent.com/-FaTuEJMeyac/TlSOicbYp2I/AAAAAAAAAGA/agZFL5V9eNQ/01.png" /> Área do visitante ( <a href="JavaScript:set()">?</a> )</div></center> <p></p> <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("Olá seja 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() + " <p></p><b>Esta é a:</b> " + Count() + "º</b> vez que nos visita") </script> <p></p> <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> <p></p> <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> <p></p> <a href="http://www.whatsmyip.us" style="color:black;"><b></b></a><b>Seu IP é: </b><script type="text/javascript" src="http://www.whatsmyip.us/showipsimple.php"></script>

Banner rolante com efeito

Yo galera, hoje venho trazer mais um código para personalizar os banners, é uma boa maneira de melhorar o visual do seu site, pois fica mais organizado a sua lista de parceiros por exemplo. Qualquer dúvida deixe um comentário.

Veja o exemplo abaixo:

1º Crie uma pagina em Adicionar um Gadget, HTML/JavaScript

Após fazer isso cole o código abaixo:

<marquee behavior="alternate" direction="left" height="31" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="6" width="720"> <a href="http://www.blogger.com/LINK%20DO%20SITE" target="_blank"> <img height="31" src="LINK DA IMAGEM" title="TITULO" width="88"> </a></marquee>

Editando:

Em LINK DO SITE você coloca o link do site do parceiro.
Em LINK DA IMAGEM você coloca o link da imagem do banner.
Em TITULO você coloca o titulo do site do parceiro ou sua logo.
Para por mais parceiros você deve copiar o código e colocar de novo abaixo dele.
Para editar a velocidade você deve editar a parte de scrollamount="6", trocando o numero 6 pela velocidade que você queira.
E a largura você edita em  width="720" trocando o numero 720 pela largura que você queira.

Bloquear Seleção de Texto

Yo galera hoje vou ensinarei a colocar o script para bloquear a seleção dos seus conteúdos do seu site. Então vamos lá.

Procure por:

< head/>

Headline Automática

Yo galera venho trazer o tutorial bem conhecido ai, que é o headline automático. A sua principal função é amostrar as recentes postagens feitas no seu blog/site. Então vamos lá.

Sistema de senha para paginas reservadas

Yo galera, venho trazer esse tutorial bem foda a pedido do meu amigo minato que é um sistema de senha para qualquer pagina que você queira, como por exemplo areá reservada para autores, ninguém conseguirá entrar nessa pagina só poderá entrar as pessoas que saberem a senha. Então vamos lá.

Caixa de seleção para banners

Yo galera, hoje venho trazer um tutorial a pedido, que é a caixa para seleção do código do banner. Então vamos lá.

Rank de Estrelas no Blog

Yo galera, hoje trago um tutorial de como colocar o rank de estrela no blog. Então vamos lá.

Mensagem carregando pagina

Yo galera, venho trazer hoje um tutorial bem bacana que é deixar escrito na postagem carregamento..., isso faz com que o visitante ao entrar na pagina do seu site veja essa mensagem e espere ser concluído o carregamento da pagina para navegar. 
Vamos começar:

1.Faça login no blogger

2.Vá para Layout> Editar html

3.Procure pelo código abaixo no seu template utilizando as teclas Ctrl + f

</head>

4.Em seguida copie e cole o código abaixo acima desse código:

 <script type='text/javascript'> window.onload = detectarCarga; function detectarCarga() { document.getElementById(&quot;imgLOAD&quot;).style.display=&quot;none&quot;; } </script> 

Salve as alterações.

4.Agora vá para Layout> Elementos da página>Adicionar um Gadget>html/JavaScript

Coloque o gadget onde você achar melhor

5.Como conteúdo do Gadget cole o código abaixo:

<div id="imgLOAD" style="text-align:center;">Texto...

<img src="Imagem"/></div>

O código acima possui o texto e uma imagem para o carregamento se preferir só com o texto e com efeito shadow copie o código abaixo:

<div id="imgLOAD" style="text-align:center;color: #fff;text-shadow:0 1px 2px #000">Texto...</div>

É isso, espero que tenham gostado. ^^

Mensagem ao entrar no site

Yo galera, venho trazer um tutorial bem bacana, que embora não seja recomendável algumas pessoas gostam e procuram como colocar uma mensagem ao entrar no blog, aquela caixinha de texto escrito bem vindo ou algo parecido com isso.

<script>alert('texto do alerta');</script>

Primeiro altere o texto da mensagem(texto do alerta) para o que deseja depois entre na página editar HTML e coloque esse código antes de</body> , e já está pronto é só clicar para salvar.

Criando Janela PopUp - JavaScript

Yo galera, hoje vou ensinar a como criar uma janela popup, espero que gostem.

Hoje eu ensinarei a criar uma Janela PopUp que se abrirá ao clicar no Link.

<script language="JavaScript"> function abrir(URL) {  var width = 150;  var height = 250;  var left = 99;  var top = 99;  window.open(URL,'janela', 'width='+width+', height='+height+', top='+top+', left='+left+', scrollbars=yes, status=no, toolbar=no, location=no, directories=no, menubar=no, resizable=no, fullscreen=no'); } </script> <a href="javascript:abrir('LINK DA PAGINA');">Clique Aqui</a>

Agora vamos as dúvidas:

Widht: 150 - Largura do Popup

Height: 250 - Altura do Popup

Banners aleatórios

Yo galera, trago a vocês um código em Javascript de banner aleatórios, espero que gostem.

Copie o código abaixo e cola em um novo gadget, pra isso vai em designer/adicionar um novo gadget/ HTML/JavaScript .

<script language="Javascript">

hoje = new Date()

numero_de_imagens = 3

segundos = hoje.getSeconds()

numero = segundos % numero_de_imagens

if (numero == 0){

banner = "URL DA IMAGEM AQUI"

link = "URL DO SITE AQUI"

alvo = "out"

texto= "banner"

}

if (numero == 01){

banner = "URL DA IMAGEM AQUI"

link = "URL DO SITE AQUI"

alvo = "out"

texto= "banner"

}

if (numero == 02){

banner = "URL DA IMAGEM AQUI"

link = "URL DO SITE AQUI"

alvo = "out"

texto= "banner"

}

document.write('<a href=" ' + link +' "><img src="' + banner + '"/></a>')

</script>

Pra colocar mais banners você deve repetir o código abaixo, mas lembrando em trocar o numero em negrito, não pode ser igual. 

if (numero == 03){

banner = "URL DA IMAGEM AQUI"

link = "URL DO SITE AQUI"

alvo = "out"

texto= "banner"

Botão Voltar ao Topo Deslisante

Olá pessoal, tava mexendo um pouco na net, e achei esse tutorial fantástico, o de colocar o botão voltar ao topo deslisante, enfim, vamos trabalhar....

Entre no seu painel, vá em desing do blog escolhido, depois, editar HTML

obs: não expanda o modelo,  e salve o modelo antes de editar

1º Procure o tag </head>

E acima dele copie e cole o seguinte código:

<script src='http://www.google.com/jsapi'/> 
<script> 
google.load("prototype","1.6.0.3"); 
google.load("scriptaculous", "1.8.2"); 
</script>

2ª Procure o tag </body>

E copie e cole o seguinte código acima dele:

<a href='#outer-wrapper' onclick='new Effect.ScrollTo("outer-wrapper",{offset:-140}); return false'><img alt='Subir' border='0' src='url-da-imagem-voltar-ao-topo' style='position:fixed; bottom:0; right:0;'/></a>

Agora salve, e veja como ficou...