Icones para blogs no FreeIconsWeb

Conferindo as atualizações de meus sites favoritos hoje, achei esta bela coleção de ícones para sites ou blogs disponível sem restrições no site Free Icons Web, um de meus favoritos na busca de ícones para uso em blogs. Os ícones podem ser baixados em formato .zip . Para isto é só acessar este link: http://www.freeiconsweb.com/free_developers_icons.html e clicar no ícone Download, no fim da página.          

Para os que não estão acostumados a lidar com o programa Win Zip, necessário para o download dos ícones, recomendo esta postagem no Dicas para Blogs, ótimo blog de dicas que muito me ajudou quando eu era um iniciante e que ainda hoje me ajuda em alguns problemas.

Bom proveito!!

Googlifique seu logo

Achei no Compulsivo o link para o site Google Font que 'googlifica' qualquer logo digitado lá. Agora todos podem ter seu logotipo com a cara do Google. ;) É só acessar este site, digitar o nome de seu blog e dar um enter. A imagem será carregada e você poderá baixá-la (em formato .gif) rapidamente.

Achei interessante mesmo foi o novo verbo que o Compulsivo inventou lá...: Googlificar.

Um novo verbo foi inventado?

Contador de visitas únicas

A dica de hoje é como instalar um script muitíssimo simples e bem interessante em seus blogs. O script é um contador de visitas no blog, porém é diferente dos demais. Ele mostra à cada visitante quantas vezes ele mesmo atualizou a página, e não o total de atualizações por diferentes visitantes. Funciona baseado no sistema de cookies, de modo que se o visitante excluí-los a contagem recomeçará, mas isto acontece raramente. Também é facílimo instar este script. Os primeiros passos são para quem ainda não sabe onde instalar estes códigos.

1. Vá para a página Layout -- Editar HTML.
2. Clique em Adicionar um gadget.
3. Escolha a opção HTML/Javascript na janela pop-up que aparecerá.
4. Cole aí o código a seguir e salve o gadget, após o que é só ver o blog para confirmar. ;)

<table border="0" width="200" style="border:4px solid white">

<tr>
<td>
Obrigado por sua visita! Você já atualizou esta página <script language="JavaScript">
function getCookieSlsv (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 getCookieSlsv (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();
FixCookieDate (exp);
exp.setTime (exp.getTime() - 1);
var cval = GetCookie (name);
if (cval != null)
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
var expdate = new Date();
var num_visits;
expdate.setTime(expdate.getTime() + (365*24*60*60*1000));
if (!(num_visits = GetCookie("num_visits")))
num_visits = 0;
num_visits++;
SetCookie("num_visits",num_visits,expdate);
document.writeln(num_visits+" vezes!");
</script>
</td>
</tr>
</table>

E aqui está uma demonstração do código. Divirtam-se!

Obrigado por sua visita! Você já atualizou esta página

Tic Tac Toe

Lembra do clássico joguinho "da velha", ou Tic Tac Toe? Agora temos a versão dele em javascript, onde você pode jogar contra um computador. E também pode ser adicionado à seu blog muito facilmente. A versão tem os créditos do site Dynamic Drive.Veja como consegui-la:

1. Vá para a página Layout -- Elementos de página.

2. Clique em Adicionar um Gadget.

3. Escolha a opção HTML/Javascript na janela pop-up que aparecerá.

4. Cole aí o código dado a seguir e salve.

<script language="javascript"> //Tic Tac Toe- By Brian (http://scriptasylum.com/bgaudiodr/) //Modified by Yossi Cohen (yossi@prosite.co.il) //Featured on Dynamicdrive.com //Visit http://www.dynamicdrive.com for this script var image1=new Image(); image1.src="http://beckerqueiroz.googlepages.com/ex.gif"; var image2=new Image(); image2.src="http://beckerqueiroz.googlepages.com/oh.gif"; var level=1, myway, mynextmove; var tmp, done, iswon, content; var pcwins=[0,0,0,0]; var playerwins=[0,0,0,0]; var draws=[0,0,0,0]; var playerstarts=true; var moves=new Array(); var game=new Array(9); var choices=[11,12,13,21,22,23,31,32,33]; var corners=[11,13,31,33]; var ways=new Array(); ways[1]=[0,11,12,13]; ways[2]=[0,21,22,23]; ways[3]=[0,31,32,33]; ways[4]=[0,11,21,31]; ways[5]=[0,12,22,32]; ways[6]=[0,13,23,33]; ways[7]=[0,11,22,33]; ways[8]=[0,13,22,31]; var w3c=(document.getElementById)?true:false; var ns4=(document.layers)?true:false; var ie4=(document.all && !w3c)?true:false; var ie5=(document.all && w3c)?true:false; var ns6=(w3c && navigator.appName.indexOf("Netscape")>=0)?true:false; function init(){ oktoplay=true; iswon=false; done=0; writetext(4); moves[11]=0; moves[12]=0; moves[13]=0; moves[21]=0; moves[22]=0; moves[23]=0; moves[31]=0; moves[32]=0; moves[33]=0; for(i=0;i<=8;i++){ document.images['rc'+choices[i]].src="http://beckerqueiroz.googlepages.com/nothing.gif"; document.images['rc'+choices[i]].alt=""; game[i]=0; } if(!playerstarts)pcturn(); } function writetext(num){ switch(num){ case 1: content='Este jogo foi um empate.'; break; case 2: content='O computador ganhou esta rodada.'; break; case 3: content='Você ganhou esta rodada.'; break; case 4: content='NÍVEL: '+level+'\n\nComputador ganhou: Este nível- '+pcwins[level]+' (Total: '+(pcwins[0]+pcwins[1]+pcwins[2]+pcwins[3])+')\nJogador ganhou : Este nível- '+playerwins[level]+' (Total: '+(playerwins[0]+playerwins[1]+playerwins[2]+playerwins[3])+')\nEmpates : Este nível- '+draws[level]+' (Total: '+(draws[0]+draws[1]+draws[2]+draws[3])+')'; break; } document.scores.scores2.value=content if(num<4)setTimeout('init(4)',1000); } function setlevel(x){ if (level!=x){ level=x; init(); }} function setbutton(cellnum){ if (!iswon){ // Thanks to Roger for finding this Bug !!! if(moves[cellnum]==0){ document.images['rc'+cellnum].src="http://beckerqueiroz.googlepages.com/ex.gif"; document.images['rc'+cellnum].alt=" X "; moves[cellnum]=1; game[done]=cellnum; done++; findwinner(true); }else alert('Você não pode mexer aqui!'); }} function pcstrategy(istowin){ if (level>0){ var str=(istowin)? 2 : 1; for(n=1;n<=8;n++){ if((moves[ways[n][1]]==str) && (moves[ways[n][2]]==str) && (moves[ways[n][3]]==0)) tmp=ways[n][3]; if((moves[ways[n][1]]==str) && (moves[ways[n][3]]==str) && (moves[ways[n][2]]==0)) tmp=ways[n][2]; if((moves[ways[n][2]]==str) && (moves[ways[n][3]]==str) && (moves[ways[n][1]]==0)) tmp=ways[n][1]; }}} function selecCorner(which){ if (which=="empty"){ do{ tmp=corners[Math.floor(Math.random()*4)]; }while(moves[tmp]!=0); } else tmp=corners[Math.floor(Math.random()*4)]; } function pcdontlose(){ if (!playerstarts){ if (done==0){ tmp=choices[2*Math.floor(Math.random()*5)]; if (tmp==22) myway=1; else myway=2; } else if (done==2){ if (myway==1){ if (game[1]==11 || game[1]==13 || game[1]==31 || game[1]==33) tmp=44-game[1]; else{ dlta=22-game[1]; op0=22+dlta+(10/dlta); op1=22+dlta-(10/dlta); tmp=eval("op"+Math.floor(Math.random()*2)); }} else if (myway==2){ if (game[1]==22){ tmp=44-game[0]; myway=21; } else if (game[1]==11 || game[1]==13 || game[1]==31 || game[1]==33){ selecCorner("empty"); myway=22; } else{ tmp=22; myway=23; }}} else if (done==4){ if (myway==22){ for (i=0; i<4 ;i++){ if (moves[corners[i]]==0){ tmp=corners[i]; }}} else if (myway==23){ dlta=game[1]-game[0]; op0=44-(game[1]+dlta); op1=(op0+game[0])/2; tmp=eval("op"+Math.floor(Math.random()*2)); } else if (myway==1) tmp=44+game[2]-(2*game[3]); }} else if (level==3){ if (done==1){ if (game[0]==11 || game[0]==13 || game[0]==31 || game[0]==33){ tmp=22; myway=1; } else if (game[0]==22){ selecCorner("any"); myway=2; } else{ tmp=22; myway=3; }} else if (done==3){ if (myway==1){ if (game[2]==44-game[0]) tmp=choices[1+(2*Math.floor(Math.random()*4))]; else tmp=44-game[0] } else if (myway==2){ if (game[2]==44-game[1]) selecCorner("empty"); } else if (myway==3){ if (game[2]==11 || game[2]==13 || game[2]==31 || game[2]==33) tmp=44-game[2]; if (game[2]==44-game[0]){ dlta=22-game[2]; tmp=22+(10/dlta); mynextmove=tmp+dlta; } else{ dlta=22-game[0]; op0=game[0]+(10/dlta); op1=game[0]-(10/dlta); op2=game[2]+dlta; tmp=eval("op"+Math.floor(Math.random()*3)); }}} else if (done==5 && myway==3){ tmp=mynextmove; }}} function findwinner(isplayer){ me=(isplayer)? 1 : 2; for(n=1;n<=8;n++){ if( (moves[ways[n][1]]==me) && (moves[ways[n][2]]==me) && (moves[ways[n][3]]==me) ){ iswon=true; break; }} if(iswon){ if(isplayer){ playerwins[level]++; playerstarts=true; writetext(3); }else{ pcwins[level]++; playerstarts=false; writetext(2); }}else{ if(done>8){ draws[level]++; playerstarts=!playerstarts; writetext(1); }else if(isplayer) pcturn(); }} function pcrandom(){ do{ tmp=choices[Math.floor(Math.random()*9)]; }while(moves[tmp]!=0); } function pcturn(){ tmp='00'; pcstrategy(true); if(tmp=='00')pcstrategy(false); if(tmp=='00' && level>1) pcdontlose(); if(tmp=='00') pcrandom(); moves[tmp]=2; game[done]=tmp; document.images['rc'+tmp].src="http://beckerqueiroz.googlepages.com/oh.gif"; document.images['rc'+tmp].alt=" O "; done++; findwinner(false); } window.onload=init; window.onresize=function(){ if(ns4)setTimeout('history.go(0)',400); } </script> <table border="5" bordercolor="black" cellpadding="0" cellspacing="0" bordercolorlight="gray" bgcolor="white"><tr> <td width="55"><a href="javascript:setbutton(11)"><img border="0" src="http://beckerqueiroz.googlepages.com/nothing.gif" name="rc11"/></a></td> <td width="55"><a href="javascript:setbutton(12)"><img border="0" src="http://beckerqueiroz.googlepages.com/nothing.gif" name="rc12"/></a></td> <td width="55"><a href="javascript:setbutton(13)"><img border="0" src="http://beckerqueiroz.googlepages.com/nothing.gif" name="rc13"/></a></td> </tr><tr> <td width="55"><a href="javascript:setbutton(21)"><img border="0" src="http://beckerqueiroz.googlepages.com/nothing.gif" name="rc21"/></a></td> <td width="55"><a href="javascript:setbutton(22)"><img border="0" src="http://beckerqueiroz.googlepages.com/nothing.gif" name="rc22"/></a></td> <td width="55"><a href="javascript:setbutton(23)"><img border="0" src="http://beckerqueiroz.googlepages.com/nothing.gif" name="rc23"/></a></td> </tr><tr> <td width="55"><a href="javascript:setbutton(31)"><img border="0" src="http://beckerqueiroz.googlepages.com/nothing.gif" name="rc31"/></a></td> <td width="55"><a href="javascript:setbutton(32)"><img border="0" src="http://beckerqueiroz.googlepages.com/nothing.gif" name="rc32"/></a></td> <td width="55"><a href="javascript:setbutton(33)"><img border="0" src="http://beckerqueiroz.googlepages.com/nothing.gif" name="rc33"/></a></td> </tr></table><br/> <form name="scores"><textarea rows="6" cols="30" name="scores2" readonly></textarea> <br/><br/> <input id="level" name="level" onclick="setlevel(0)" type="radio"/>nível 0 -- o Computador é completamente tonto. <br/> <input id="level" checked name="level" onclick="setlevel(1)" type="radio"/>nível 1 -- O Computador é mais esperto. <br/> <input id="level" name="level" onclick="setlevel(2)" type="radio"/>nível 2 -- Você pode conseguir ganhar (somente se você começar). <br/> <input id="level" name="level" onclick="setlevel(3)" type="radio"/>nível 3 -- O Computador NÃO perde. <br/> </form>

E está pronto! Experimente em seu blog agora.

Como bloquear o mouse em seu blog

Aqui veremos um dos muitos truques para proteger seu blog de cópia. No entanto, sempre haverão outros métodos para gravar o texto ou imagem bloqueados, esteja certo. O script que veremos aqui impede a utilização do botão direito do mouse, desabilitando assim a forma mais usada de gravação e cópia. O script é muito fácil de instalar, e funciona nos navegadores Internet Explorer, Firefox e Opera com sucesso. Quanto a outros, não sei. Para proteger seu blog deste modo, proceda assim:

1. Entre em Layout -- Editar HTML.

2. Clique em Adicionar um Gadget.

3. Na janela pop-up que abrirá então, escolha a opção HTML/Javascript.

4. E, finalmente, cole o código abaixo neste gadget e salve. Depois disso é só verificar seu blog para comprovar o funcionamento do script.

Código necessário:

<script> function click() { if (event.button==2||event.button==3) { oncontextmenu='return false'; } } document.onmousedown=click document.oncontextmenu = new Function("return false;") </script>

Tabela de códigos das cores (postagem referencial)

Aqui temos um script retirado e customizado à partir do origninal no site Dynamic Drive que mostra os códigos referentes a todas as cores. Para utilizá-lo, clique aqui e abra o selecionador. Veja na imagem acima como conseguir o código desejado. É só clicar na cor com o mouse que o código refente a ela aparecerá. Mais simples impossível! :)

Formulário de e-mail Kontactr

Há alguns dias um de nossos leitores não conseguiu instalar em seu blog o formulário de e-mail básico e então eu prometi que faria uma postagem sobre como conseguir um formulário de e-mail do Kontactr. Este formulário é simples, mas muito prático e útil. Além de evitar os robôs de busca dos spammers, também pode dar um toque elegante em sua página, dependendo de como você customizá-lo (ou então isto é besteira minha...). O melhor de tudo é que o negócio é incrivelmente fácil de instalar. Porém, para os que estiverem com muita preguiça, fiz este tutorial aqui, que espero facilite para vocês. Vamos lá? Vou dar tudo bem ilustrado com telas, seguindo os passos. ;)

1. Entre no site http://www.kontactr.com/ e clique em Sign Up, como na imagem abaixo.

2. Preencha o formulário de inscrição  com os dados: Nome, Sobrenome, Endereço de e-mail, Nome de usuário, senha e confirme a senha. Muito fácil! Quando tiver preenchido todos clique em Submit.

3. Você será redirecionado para a página Sucesso. Agora, você deve verificar seus e-mails buscando o e-mail de confirmação do Kontactr. Lembre-se de que alguns servidores de e-mail identificam e-mails automaticamente gerados como este como spam. Então, se não achar o e-mail, verifique se ele não se escondeu na pasta de itens excluídos.

4. Após receber o e-mail, clique no link nele fornecido, para ativar a sua conta.

5. Então, na página Sucesso, clique onde está escrito Click here to login once you have activated.

6. Faça login, com seu nome de usuário e senha.

7. Após fazer o login você entrará numa página como a da figura abaixo. Você verá duas caixas de texto. Uma Embed Widget e a outra Embed Widget - AJAX. Clique em Customize this widget, embaixo da segunda caixa.

8. Nesta página, você poderá customizar o seu formulário de contato, definindo suas cores. Ao acabar, clique em OK.

9. Copie o código desta caixa de texto (ver imagem abaixo) e cole-o em uma nova postagem em seu blog. Dê o nome à postagem de Contato ou do que achar melhor e publique.

 Seu formulário estará pronto! Que tal o achou?