Efeito com fogos de artifício ou outras imagens

Em clima de fim de ano, coloquei fogos de artifício caindo pela página do nosso blog de testes. Mas você pode colocar qualquer imagem, como corações e etc. Para isto, copie o código abaixo:

<script type="text/javascript"> endereco = "http://img401.imageshack.us/img401/9674/222ju.gif"; </script><br /> <br /> <script type='text/javascript'> //<![CDATA[ // JavaScript Document var snowsrc=window.parent.endereco //how many snowflakes there will be (currently 12) var no =40; //How fast will the snow disappear (0 is never) var hidesnowtime = 0; //The height the snow will reach before it disappears ("windowheight" or "pageheight") var snowdistance = "pageheight"; ///////////////////////////////End of Settings/////////////////////////////////// var ie4up = (document.all) ? 1 : 0; var ns6up = (document.getElementById&&!document.all) ? 1 : 0; function iecompattest() { return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } var dx, xp, yp; var am, stx, sty; var i, doc_width = 800, doc_height = 600; if (ns6up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { dx[i] = 0; xp[i] = Math.random()*(doc_width-50); yp[i] = Math.random()*doc_height; am[i] = Math.random()*20; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); if (ie4up||ns6up) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://rftactical.darkbb.com/index.htm\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>"); } } } function snowIE_NS6() { doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10; doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight; for (i = 0; i < no; ++ i) { yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); } dx[i] += stx[i]; document.getElementById("dot"+i).style.top=yp[i]+"px"; document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px"; } snowtimer=setTimeout("snowIE_NS6()", 10); } function hidesnow() { if (window.snowtimer) clearTimeout(snowtimer) for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden" } if (ie4up||ns6up) { snowIE_NS6(); if (hidesnowtime>0) setTimeout("hidesnow()", hidesnowtime*1000) } document.write('<p style="text-align:center"></p>') //]]> </script>

»»Leia mais

Efeito de neve para blogs

Chegando perto do natal, começamos ver árvores enfeitadas, pisca-piscas, velhinhos vestidos de vermelho e blogs com neve caindo pela página.. Você pode fazer isso com apenas dois cliques. Primeiro veja um exemplo no nosso blog de testes . (ignore os fogos de artifício).
Como vocês puderam observar, é bem leve e discreto. Para conseguir esse efeito, basta acessarmos o blog desta gringa aqui e clicar em Add Snow Effect to your Blogger Blog, na próxima janela, clique em Adicionar widget e pronto.

Para o efeito de fogos de artifícios ou qualquer outro que você queira, clique aqui.

»»Leia mais

Como usar Meta Tags

É muito impotantante saber como usar Meta Tags pois elas informam o conteúdo do seu site ou blog para os buscadores (Google, yahoo,msn,etc.). Com  as Meta tags dentro do html portanto, fica mais "fácil" ser achado pelos motores de busca. Vou apresentar as meta tags mais utilizadas pelos motores de busca, mas existem várias outras meta tags.

»»Leia mais

Criar slides com javascript

Encontrei essa dica no blog da Rosa e achei sensacional. Veja este exemplo.

O melhor de tudo é que é bem fácil de se fazer.

»»Leia mais

Enviar postagens ao Twitter através do FeedBurner

Se você utiliza o FeedBurner, e é usuário do Twitter, você pode twitar suas postagens através do FeedBurner de forma automática. Cada vez que publicarmos uma postagem, o FeedBurner enviará o título da postagem, seguido de seu URL e mais algum texto que queiramos adicionar no começo do Tweet ou no final.

O resultado publicado no Twitter seria algo como isto:

»»Leia mais

Como twitar postagens

Clique aqui para acessar a página dos botões.

1. Escolha um botão:

 

»»Leia mais

Postagens duplicadas

Um problema frequente que tenho observado são relatos de postagens que se repetem, o que é no mínimo desagradavél. No blogger passo a passo de testes dupliquei propositalmente para mostrar aqui e para que você veja se esse é o seu problema.

»»Leia mais

Como colocar foto e descrição do autor nas postagens

Com estas instruções podemos colocar ao  fim de cada postagem a fotografia do autor com uma breve descrição sobre sua pessoa. Pode ser usado para blogs que tem só um autor e também  para blogs com vários autores.

»»Leia mais