Como conseguir uma imagem de sua tela

Esta é uma dica bem simples e rápida: mostra como conseguir uma 'tela' do seu computador, ou seja, uma imagem da tela sem usar câmara fotográfica... lol. Para conseguir a imagem da tela como ela está no momento pressione o botão de seu teclado PRINT SCREEN SYS RQ que fica junto às teclas F12 e SCROLL LOCK em alguns teclados (veja a imagem acima). A seguir, abra qualquer programa de edição de imagens, crie um novo documento e pressione as teclas CTRL + C. Salve o documento. Bom proveito!

Informador do número de visitas

Os caros visitantes devem ter reparado que na minha barra lateral do blog há um aviso indicando o número de vezes que eles atualizam a página. Ao contrário dos scripts que contam o número de atualizações em geral, este código mostra a cada visitante as visitas que apenas ele fez. Se o visitante remover os cookies do computador a contagem recomeçará. Para instalar este script em seu blog, vá para a página LAYOUT das opções de edição de seu blog. Escolha ADICIONAR GADGET e na janela com as opções selecione HTML/JAVASCRIPT. Neste elemento de página cole o código abaixo e salve o elemento de página. Visualize o blog. A contagem já terá começado com VOCÊ!

Este é o código:

<table border="0" width="200" style="border:4px solid white"> <tr> <script> <!-- document.write(unescape("%3Ctd%3E%0D%0AObrigado%20por%20sua%20visita%21%20Voc%EA%20j%E1%20atualizou%20esta%20p%E1gina%20%3Cscript%20language%3D%22JavaScript%22%3E%0D%0Afunction%20getCookieSlsv%20%28offset%29%20%7B%0D%0Avar%20endstr%20%3D%20document.cookie.indexOf%20%28%22%3B%22%2C%20offset%29%3B%0D%0Aif%20%28endstr%20%3D%3D%20-1%29%0D%0Aendstr%20%3D%20document.cookie.length%3B%0D%0Areturn%20unescape%28document.cookie.substring%28offset%2C%20endstr%29%29%3B%0D%0A%7D%0D%0A//C%F3digo%20fornecido%20pelo%20blog%20www.dicas-para-bloggers.blogspot.com%0D%0Afunction%20GetCookie%20%28name%29%20%7B%0D%0Avar%20arg%20%3D%20name%20+%20%22%3D%22%3B%0D%0Avar%20alen%20%3D%20arg.length%3B%0D%0Avar%20clen%20%3D%20document.cookie.length%3B%0D%0Avar%20i%20%3D%200%3B%0D%0Awhile%20%28i%20%3C%20clen%29%20%7B%0D%0Avar%20j%20%3D%20i%20+%20alen%3B%0D%0Aif%20%28document.cookie.substring%28i%2C%20j%29%20%3D%3D%20arg%29%0D%0Areturn%20getCookieSlsv%20%28j%29%3B%0D%0Ai%20%3D%20document.cookie.indexOf%28%22%20%22%2C%20i%29%20+%201%3B%0D%0Aif%20%28i%20%3D%3D%200%29%0D%0Abreak%3B%0D%0A%7D%0D%0Areturn%20null%3B%0D%0A%7D%0D%0Afunction%20SetCookie%20%28name%2C%20value%29%20%7B%0D%0Avar%20argv%20%3D%20SetCookie.arguments%3B%0D%0Avar%20argc%20%3D%20SetCookie.arguments.length%3B%0D%0Avar%20expires%20%3D%20%28argc%20%3E%202%29%20%3F%20argv%5B2%5D%20%3A%20null%3B%0D%0Avar%20path%20%3D%20%28argc%20%3E%203%29%20%3F%20argv%5B3%5D%20%3A%20null%3B%0D%0Avar%20domain%20%3D%20%28argc%20%3E%204%29%20%3F%20argv%5B4%5D%20%3A%20null%3B%0D%0Avar%20secure%20%3D%20%28argc%20%3E%205%29%20%3F%20argv%5B5%5D%20%3A%20false%3B%0D%0Adocument.cookie%20%3D%20name%20+%20%22%3D%22%20+%20escape%20%28value%29%20+%0D%0A%28%28expires%20%3D%3D%20null%29%20%3F%20%22%22%20%3A%20%28%22%3B%20expires%3D%22%20+%20expires.toGMTString%28%29%29%29%0D%0A+%0D%0A%28%28path%20%3D%3D%20null%29%20%3F%20%22%22%20%3A%20%28%22%3B%20path%3D%22%20+%20path%29%29%20+%0D%0A%28%28domain%20%3D%3D%20null%29%20%3F%20%22%22%20%3A%20%28%22%3B%20domain%3D%22%20+%20domain%29%29%20+%0D%0A%28%28secure%20%3D%3D%20true%29%20%3F%20%22%3B%20secure%22%20%3A%20%22%22%29%3B%0D%0A%7D%0D%0A//C%F3digo%20fornecido%20pelo%20blog%20www.dicas-para-bloggers.blogspot.com%0D%0Afunction%20DeleteCookie%28name%29%20%7B%0D%0Avar%20exp%20%3D%20new%20Date%28%29%3B%0D%0AFixCookieDate%20%28exp%29%3B%20//%20Correct%20for%20Mac%20bug%0D%0Aexp.setTime%20%28exp.getTime%28%29%20-%201%29%3B%20//%20This%20cookie%20is%20history%0D%0Avar%20cval%20%3D%20GetCookie%20%28name%29%3B%0D%0Aif%20%28cval%20%21%3D%20null%29%0D%0Adocument.cookie%20%3D%20name%20+%20%22%3D%22%20+%20cval%20+%20%22%3B%20expires%3D%22%20+%20exp.toGMTString%28%29%3B%0D%0A%7D%0D%0A//C%F3digo%20fornecido%20pelo%20blog%20www.dicas-para-bloggers.blogspot.com%0D%0Avar%20expdate%20%3D%20new%20Date%28%29%3B%0D%0Avar%20num_visits%3B%0D%0Aexpdate.setTime%28expdate.getTime%28%29%20+%20%28365*24*60*60*1000%29%29%3B%0D%0Aif%20%28%21%28num_visits%20%3D%20GetCookie%28%22num_visits%22%29%29%29%0D%0Anum_visits%20%3D%200%3B%0D%0Anum_visits++%3B%0D%0ASetCookie%28%22num_visits%22%2Cnum_visits%2Cexpdate%29%3B%0D%0Adocument.writeln%28num_visits+%22%20vezes%21%22%29%3B%0D%0A%3C/script%3E")); //--> </script></td></tr></table>

Modelo de links "arco-íris"

Nesta postagem mostrarei como adicionar um efeito interessante aos links de seu blog - o efeito "arco-íris". Para ver do que consiste este efeito clique aqui. Para conseguir o efeito em seu blog, faça o seguinte. 1. Baixe este arquivo para seu computador e a seguir faça up-load dele para a sua conta no Google Pages ou outro programa qualquer. (http://beckerqueiroz.googlepages.com/arco-ris.js). A seguir vá para a página LAYOUT da edição de seu blog-->Clique ADICIONAR GADGET-->Selecione a opção HTML/JAVASCRIPT-->Cole neste elemento de página este código: <script src="http://beckerqueiroz.googlepages.com/arco-ris.js"></script> . Substitua o link http://beckerqueiroz.googlepages.com/arco-ris.js pelo link do seu arquivo e salve o elemento de página. Verifique seu blog. Agora todos os links terão o EFEITO ARCO-ÍRIS!

Link "Voltar para o topo da página"

Para blogs com muitas postagens na mesma página este pode ser um interessante efeito para colocar. Há duas opções que você pode escolher: a primeira deixa um link ou uma imagem no fundo da página que, ao ser clicada, leva o visitante para o topo da página sem carrega-la novamente. O outro consiste de um link que flutua no canto de baixo a direita da tela, e que desce conforme o visitante vai descendo na página. Seguem as dicas para ambos efeitos.

1. Para conseguir o primeiro efeito (link no fundo da pág.), faça o seguinte. Acesse www.blogger.com e após o login vá para a página LAYOUT. Desça até o fundo e selecione a opção ADICIONAR GADGET do fundo da página; escolha HTML/JAVASCRIPT nas opções que aparecerão e cole aí este código. <a href="http:URLDOBLOG.blogspot.com#topo">Voltar para o topo da página</a>. Modifique o texto VOLTAR PARA O TOPO DA PÁGINA pelo que você quiser que apareça como link. Salve as alterações e vá para a sub-página de LAYOUT EDITAR HTML. Aí, procure pela tag <body> e logo após esta tag cole o código <a name"topo"></a>. Salve as alterações. Está feito!

2. Para conseguir o efeito do link flutuante, faça isto: Vá para a página LAYOUT--Vá para a sub-página EDITAR HTML-->Procure pela tag </body> e APÓS esta tag cole o código <script src="http://beckerqueiroz.googlepages.com/jumptop.js"> </script>. Salve as alterações e visualize o blog. Uma nota importante - O último código dado acima pega o efeito da minha página do google http://beckerqueiroz.googlepages.com/jumptop.js. Caso você prefira baixe aqui este arquivo e faça upload dele em qualquer lugar (por ex., crie uma conta no Google Pages e faça upload aí, uma vez que não é possível fazer no Blogger). A seguir troque o endereço dado no código pelo endereço do seu arquivo.

Teve alguma dificuldade ao seguir a dica acima? Deixe um comentário nesta postagem. Você será respondido o mais breve possível.

Terremoto!

Este código ativa um "screen shaker", um efeito que sacode a janela aberta (no caso, um blog) um número determinado de vezes a cada atualização de página. Veja um exemplo aqui. Para consegui-lo em seu blog, acesse www.blogger.com-->Vá para a página LAYOUT-->Clique ADICONAR GADGET-->Escolha a opção HTML/JAVASCRIPT e cole nela o código dado abaixo. Salve as alterações e visualize o blog.

Nota - Na última linha do código modifique o número 3 de shake="3" pelo número de vezes que você quiser que a tela sacuda. Para parar de sacudir basta clicar em qualquer lugar que o 'terremoto' para.

<script language="JavaScript1.2"> <!-- Begin function shake(n) { if (self.moveBy) { for (i = 10; i > 0; i--) { for (j = n; j > 0; j--) { self.moveBy(0,i); self.moveBy(i,0); self.moveBy(0,-i); self.moveBy(-i,0); } } } } // End --> </script> <script language="javascript"> <!-- shake("3") --> </script>

Script para desabilitar o botão direito do mouse

Esta dica mostra um código simples para evitar que o botão direito do mouse possa ser utilizado em seu blog. Esta função geralmente é utilizada na tentativa vã de impedir visitantes de gravarem as imagens do site. Porém, não se engane: não é nada fácil impedir que gravem as imagens. Aliás, parece não existir uma forma perfeita de faze-lo. Sempre haverá outras possibilidades, como utilizar a tecla Print Screen ou gravar a página.

1. Acesse www.blogger.com e faça o login (cadastre-se). A seguir, vá para a página LAYOUT das opções de edição de seu blog.
2. Clique em ADICONAR GADGET. Aparecerá então uma janela pop-up com uma lista de opções. Selecione HTML/JAVASCRIPT (veja fig. abaixo).
   

3. Na janela que aparecerá, cole o código abaixo e a seguir clique SALVAR. Visualize o blog e experimente!

<script language="JavaScript"> <!-- var message="Esta função está desativada."; /////////////////////////////////// function clickIE4(){ if (event.button==2){ alert(message); return false; } } function clickNS4(e){ if (document.layers||document.getElementById&&!document.all){ if (e.which==2||e.which==3){ alert(message); return false; } } } if (document.layers){ document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS4; } else if (document.all&&!document.getElementById){ document.onmousedown=clickIE4; } document.oncontextmenu=new Function("alert(message);return false") // --> </script>

Teve alguma dificuldade ao seguir a dica acima? Deixe um comentário nesta postagem. Você será respondido o mais breve possível.

Efeitos HTML em Texto

CÓDIGOS HTML PARA EFEITOS EM TEXTO

Quando você está criando uma postagem você tem algumas opções para texto disponíveis na barra acima da postagem. No entanto, às vezes você quer outras opções que não são dadas. O remédio para isto é edição de HTML. Seguem as dicas para alguns efeitos.

Para deixar o texto sublinhado digite o texto que você quiser que leve este efeito entre as tags <U> e </U>.
Para deixar o texto em negrito digite-o entre as tags <STRONG> e </STRONG>.
Para deixar o texto riscado digite-o entre <S> e </S>.
Para deixar o texto enfatizado digite-o entre <em> e </em>.
Para deixar o texto em itálico digite-o entre <I> e </I>.
Para deixar o texto _subscrito digite-o entre <SUB> e </SUB>.
Para deixar o texto ^superscrito digite-o entre <SUP> e </SUP>.
Para deixar o texto pequeno digite-o entre <SMALL> e </SMALL>.
Para deixar o texto grande digite-o entre <BIG> e </BIG>.
Para modificar a fonte use o código <font face="NOME">TEXTO</font>. Onde está escrito NOME deixe Arial, Arial Black, Comic Sans MS, Courier New, Georgia, Impact, Times New Roman, Trebuchet MS ou Verdana. Lembre-se de que outras fontes podem não ficar disponíveis para alguns leitores, se eles não as tiverem em seus computadores.
Para modificar o tamanho da fonte use o código <font size="NÚMERO">TEXTO</font&gy;. Substitua NÚMERO por um número de 1 a 7 (se puser um número maior deixe o sinal "%" no meio, assim: 130%).
Para dar ao texto uma cor de fundo digite-o entre <span style="background-color:#COR"> e </span> e substitua COR pelo nome da cor em inglês ou pelo código respectivo.
Para modificar a cor do texto digite-o entre <span style="color:#cor"> e </span> modificando COR pelo código ou nome da cor (em inglês).
Para texto pré-formatado (por exemplo, poesia) use <PRE>POESIA</PRE> substituindo POESIA pelo texto ou poesia. Isto é para não perder a formatação - por exemplo: quando você copia um texto do Word e o cola numa postagem do blog, ele perde toda a formatação (quebras de linha, etc). Porém, se você o colar dentro do <PRE>
Para mostrar o significado de uma palavra quando se passa o mouse por cima, (passe o mouse AQUIdigite o texto entre <abbr title="EXPLICAÇÃO"> e <abbr> modificando EXPLICAÇÃO pelo texto que aparecerá quando passarem o mouse. Este efeito funciona no Explorer 7 e Firefox 2.
Para conseguir um espaço antes do texto em cada parágrafo, coloque o texto de cada parágrafo entre <p style="text-indent: 20px;">TEXTOPARÁGRAFO</p> (substitua TEXTOPARÁGRAFO pelo texto de cada parágrafo. Também modifique 20px pelo tamanho em píxels do avanço de parágrafo).
Para deixar um texto dentro de uma caixa use este código: <DIV style="BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: black 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 15px auto 0px; BORDER-LEFT: black 1px solid; WIDTH: 300px; PADDING-TOP: 10px; BORDER-BOTTOM: black 1px solid">TEXTODENTRODACAIXA</div>. O resultado ficará assim:
<DIV style="BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: black 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 15px auto 0px; BORDER-LEFT: black 1px solid; WIDTH: 300px; PADDING-TOP: 10px; BORDER-BOTTOM: black 1px solid"></DIV>
.
Outra caixa bastante usada para códigos HTML é formada pelo texto colocado dentre das tags <TEXTAREA> e </TEXTAREA>. Ela fica assim: Outra caixa bastante usada para....

E por enquanto é isto. Mais para a frente poremos outros efeitos de texto interessantes.

Teve alguma dificuldade ao seguir a dica acima? Deixe um comentário nesta postagem. Você será respondido o mais breve possível.