MASIGNCLEAN103

Home › Código Blogger › Customização › Script Folhas que caem pelo blog!

Script Folhas que caem pelo blog!

Administrador
quarta-feira, 30 de janeiro de 2013

Código Blogger

iklan banner

Olá amigos do blog Mundo Informal! Hoje trago um super script para vocês que gostam desses efeitos de queda de objetos. Isso mesmo, são folhas que vão caindo pelo seu blog após instalado. A instalação é bem simples e rápida.

Instalação do script "Folhas caindo"

1° passo: Acesse o painel do Blogger , escolha o blog que você deseja instalar, selecione a opção "Modelo" e clique em "Editar HTML".

2°passo: Agora usando o Ctrl F, procure por: <head>

3°passo: Logo ACIMA da tag encontrada, cole o código:

<script>//<![CDATA[ // Fall v2.0 By MaxxBlade - http://www.maxxblade.co.uk/fall var fallObjects=new Array();function newObject(url,height,width){fallObjects[fallObjects.length]=new Array(url,height,width);} var numObjs=15, waft=100, fallSpeed=5, wind=-1;  newObject("http://lh5.googleusercontent.com/--jcOdbfXsBs/UGS2U_spSLI/AAAAAAAADCU/G-4XZ0mSEHg/s100/hoja1.png",29,15); newObject("http://lh5.googleusercontent.com/-aE24R5QmbE4/UGS2U_hZj0I/AAAAAAAADCM/7Hb18sy3qfo/s100/hoja2.png",27,23); newObject("http://lh6.googleusercontent.com/-9H8JyoZ6j3g/UGS2U2aOamI/AAAAAAAADCQ/6zY7uKgyV2A/s100/hoja3.png",46,15); newObject("https://lh3.googleusercontent.com/-OhuXMSqpELQ/UGS2Vq8Qf0I/AAAAAAAADCg/UTCK1YQUZqA/s100/hoja4.png",36,33); function winSize(){winWidth=(moz)?window.innerWidth:document.body.clientWidth;winHeight=(moz)?window.innerHeight:document.body.clientHeight;} function fallObject(num,vari,nu){ objects[num]=new Array(parseInt(Math.random()*(winWidth-waft)),-30,(parseInt(Math.random()*waft))*((Math.random()>0.5)?1:-1),0.02+Math.random()/20,0,1+parseInt(Math.random()*fallSpeed),vari,fallObjects[vari][1],fallObjects[vari][2]); if(nu==1){document.write('<img id="fO'+i+'" style="position:absolute;z-index:9;background:none;border:0;padding:0;box-shadow:none;" src="'+fallObjects[vari][0]+'">'); } } function fall(){ for(i=0;i<numObjs;i++){ var fallingObject=document.getElementById('fO'+i); if((objects[i][1]>(winHeight-(objects[i][5]+objects[i][7])))||(objects[i][0]>(winWidth-(objects[i][2]+objects[i][8])))){fallObject(i,objects[i][6],0);} objects[i][0]+=wind;objects[i][1]+=objects[i][5];objects[i][4]+=objects[i][3]; with(fallingObject.style){ top=objects[i][1]+winOffset+"px";left=objects[i][0]+(objects[i][2]*Math.cos(objects[i][4]))+"px";} } setTimeout("fall()",31); } var objects=new Array(),winOffset=0,winHeight,winWidth,togvis,moz=(document.getElementById&&!document.all)?1:0;winSize(); for (i=0;i<numObjs;i++){fallObject(i,parseInt(Math.random()*fallObjects.length),1);} window.onresize=winSize;fall(); //]]></script>

Pronto! Já está instalado. É só salvar e conferir o resultado!

Espero que tenham gostado! Comente e deixe-nos saber como ficou em seu blog.

Share This :

Administrador

Muito bom, na época de Outono!

30 de janeiro de 2013 às 11:51

Diego

Muito bom! Cara você pode me dizer como fez para colocar aqueles posts em destaque na home page, estou personalizando um templete desse e só falta isso praticamente. Tentei as urls que ensinam no tutorial do mesmo, mas não da certo. Espero que possa me ajudar e parabéns pelo blog!

30 de janeiro de 2013 às 20:52

Marcus Vinicius

é um script de um blogueiro da Taylandia... Vou ver se consigo permissões para publicar o tutorial dele aqui no blog. Fique ligado nas atualizações do blog.
Abraço!

31 de janeiro de 2013 às 07:32

Diego

Mas é você que escolhe os posts que ficam ali em destaque?

31 de janeiro de 2013 às 11:15

Diego

O Marcus me passa esse script das postagens em destaque do blogueiro da Taylandia que vc falou... Só falta isso para eu implementar no meu blog. Por favor!

5 de fevereiro de 2013 às 16:50

pena que as folhas não acompanham o rolamento da página toda até o final,elas somem antes mas está lindo mesmo assim, gostei!

6 de janeiro de 2014 às 20:10

Fernando Patricio

Belo blog gostei da dica.

25 de fevereiro de 2014 às 16:11

O melhor!

20 de março de 2014 às 08:06

Emoticon Feedback

Assinar: Postar comentários (Atom)