Colocar imagens (chuvinhas) caindo no blog
Autor: Iraci Vieira | Publicado: 2011-07-24T14:15:00-03:00







Para colocar imagens caindo no blog, é muito simples: Escolha uma imagem ou floties.
Agora vá em layout - HTML/Javascript e cole este código:




&lt;!--Começo ---&gt;&lt;/p&gt;&lt;p&gt;&lt;script language="JavaScript1.2"&gt;&lt;/p&gt;&lt;p&gt;&lt;!--Scripts...---&gt;&lt;/p&gt;&lt;p&gt;&lt;!-- Begin&lt;/p&gt;&lt;p&gt;var no = 12; //&nbsp;&lt;/p&gt;&lt;p&gt;var speed = 1; //&nbsp;&lt;/p&gt;&lt;p&gt;var snowflake = "http://ENDEREÇODAIMAGEM"&lt;/p&gt;&lt;p&gt;var ns4up = (document.layers) ? 1 : 0; //&nbsp;&lt;/p&gt;&lt;p&gt;var ie4up = (document.all) ? 1 : 0;&lt;/p&gt;&lt;p&gt;var dx, xp, yp; //&nbsp;&lt;/p&gt;&lt;p&gt;var am, stx, sty; //&nbsp;&lt;/p&gt;&lt;p&gt;var i, doc_width = 796, doc_height = 590;&lt;/p&gt;&lt;p&gt;if (ns4up) {&lt;/p&gt;&lt;p&gt;doc_width = self.innerWidth;&lt;/p&gt;&lt;p&gt;doc_height = self.innerHeight;&lt;/p&gt;&lt;p&gt;} else if (ie4up) {&lt;/p&gt;&lt;p&gt;doc_width = document.body.clientWidth;&lt;/p&gt;&lt;p&gt;doc_height = document.body.clientHeight;&lt;/p&gt;&lt;p&gt;}&lt;/p&gt;&lt;p&gt;dx = new Array();&lt;/p&gt;&lt;p&gt;xp = new Array();&lt;/p&gt;&lt;p&gt;yp = new Array();&lt;/p&gt;&lt;p&gt;am = new Array();&lt;/p&gt;&lt;p&gt;stx = new Array();&lt;/p&gt;&lt;p&gt;sty = new Array();&lt;/p&gt;&lt;p&gt;for (i = 0; i &lt; no; ++ i) {&nbsp;&lt;/p&gt;&lt;p&gt;dx[i] = 0; //&nbsp;&lt;/p&gt;&lt;p&gt;xp[i] = Math.random()*(doc_width-50); //&nbsp;&lt;/p&gt;&lt;p&gt;yp[i] = Math.random()*doc_height;&lt;/p&gt;&lt;p&gt;am[i] = Math.random()*20; //&nbsp;&lt;/p&gt;&lt;p&gt;stx[i] = 0.02 + Math.random()/10; //&nbsp;&lt;/p&gt;&lt;p&gt;sty[i] = 0.7 + Math.random(); //&lt;/p&gt;&lt;p&gt;if (ns4up) { // define layers&lt;/p&gt;&lt;p&gt;if (i == 0) {&lt;/p&gt;&lt;p&gt;document.write("&lt;layer name=\"dot"+ i +"\" left=\"15\" ");&lt;/p&gt;&lt;p&gt;document.write("top=\"15\" visibility=\"show\"&gt;&lt;img src=\"");&lt;/p&gt;&lt;p&gt;document.write(snowflake + "\" border=\"0\"&gt;&lt;/layer&gt;");&lt;/p&gt;&lt;p&gt;} else {&lt;/p&gt;&lt;p&gt;document.write("&lt;layer name=\"dot"+ i +"\" left=\"15\" ");&lt;/p&gt;&lt;p&gt;document.write("top=\"15\" visibility=\"show\"&gt;&lt;img src=\"");&lt;/p&gt;&lt;p&gt;document.write(snowflake + "\" border=\"0\"&gt;&lt;/layer&gt;");&lt;/p&gt;&lt;p&gt;}&lt;/p&gt;&lt;p&gt;} else if (ie4up) {&lt;/p&gt;&lt;p&gt;if (i == 0) {&lt;/p&gt;&lt;p&gt;document.write("&lt;div id=\"dot"+ i +"\" style=\"POSITION: ");&lt;/p&gt;&lt;p&gt;document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");&lt;/p&gt;&lt;p&gt;document.write("visible; TOP: 15px; LEFT: 15px;\"&gt;&lt;img src=\"");&lt;/p&gt;&lt;p&gt;document.write(snowflake + "\" border=\"0\"&gt;&lt;/div&gt;");&lt;/p&gt;&lt;p&gt;} else {&lt;/p&gt;&lt;p&gt;document.write("&lt;div id=\"dot"+ i +"\" style=\"POSITION: ");&lt;/p&gt;&lt;p&gt;document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");&lt;/p&gt;&lt;p&gt;document.write("visible; TOP: 15px; LEFT: 15px;\"&gt;&lt;img src=\"");&lt;/p&gt;&lt;p&gt;document.write(snowflake + "\" border=\"0\"&gt;&lt;/div&gt;");&lt;/p&gt;&lt;p&gt;}&lt;/p&gt;&lt;p&gt;}&lt;/p&gt;&lt;p&gt;}&lt;/p&gt;&lt;p&gt;function snowNS() { //&nbsp;&lt;/p&gt;&lt;p&gt;for (i = 0; i &lt; no; ++ i) { //&nbsp;&lt;/p&gt;&lt;p&gt;yp[i] += sty[i];&lt;/p&gt;&lt;p&gt;if (yp[i] &gt; doc_height-50) {&lt;/p&gt;&lt;p&gt;xp[i] = Math.random()*(doc_width-am[i]-30);&lt;/p&gt;&lt;p&gt;yp[i] = 0;&lt;/p&gt;&lt;p&gt;stx[i] = 0.02 + Math.random()/10;&lt;/p&gt;&lt;p&gt;sty[i] = 0.7 + Math.random();&lt;/p&gt;&lt;p&gt;doc_width = self.innerWidth;&lt;/p&gt;&lt;p&gt;doc_height = self.innerHeight;&lt;/p&gt;&lt;p&gt;}&lt;/p&gt;&lt;p&gt;dx[i] += stx[i];&lt;/p&gt;&lt;p&gt;document.layers["dot"+i].top = yp[i];&lt;/p&gt;&lt;p&gt;document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);&lt;/p&gt;&lt;p&gt;}&lt;/p&gt;&lt;p&gt;setTimeout("snowNS()", speed);&lt;/p&gt;&lt;p&gt;}&lt;/p&gt;&lt;p&gt;function snowIE() { //&nbsp;&lt;/p&gt;&lt;p&gt;for (i = 0; i &lt; no; ++ i) { //&nbsp;&lt;/p&gt;&lt;p&gt;yp[i] += sty[i];&lt;/p&gt;&lt;p&gt;if (yp[i] &gt; doc_height-50) {&lt;/p&gt;&lt;p&gt;xp[i] = Math.random()*(doc_width-am[i]-30);&lt;/p&gt;&lt;p&gt;yp[i] = 0;&lt;/p&gt;&lt;p&gt;stx[i] = 0.02 + Math.random()/10;&lt;/p&gt;&lt;p&gt;sty[i] = 0.7 + Math.random();&lt;/p&gt;&lt;p&gt;doc_width = document.body.clientWidth;&lt;/p&gt;&lt;p&gt;doc_height = document.body.clientHeight;&lt;/p&gt;&lt;p&gt;}&lt;/p&gt;&lt;p&gt;dx[i] += stx[i];&lt;/p&gt;&lt;p&gt;document.all["dot"+i].style.pixelTop = yp[i];&lt;/p&gt;&lt;p&gt;document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);&lt;/p&gt;&lt;p&gt;}&lt;/p&gt;&lt;p&gt;setTimeout("snowIE()", speed);&lt;/p&gt;&lt;p&gt;}&lt;/p&gt;&lt;p&gt;if (ns4up) {&lt;/p&gt;&lt;p&gt;snowNS();&lt;/p&gt;&lt;p&gt;} else if (ie4up) {&lt;/p&gt;&lt;p&gt;snowIE();&lt;/p&gt;&lt;p&gt;}&lt;/p&gt;&lt;p&gt;// End --&gt;&lt;/p&gt;&lt;p&gt;&lt;/script&gt;&lt;/p&gt;&lt;p&gt;&lt;!--Fim ---&gt;&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;




Onde está&nbsp;http://ENDEREÇODAIMAGEM, troque pelo endereço da imagem que você escolheu, prefira imagens pequenas.
Basta salvar!