Teacup Heart Floralis Gif's: Como colocar imagens caindo no blog......efeito cascata(blogger)

Fica a Dica:

Para salvar a imagem no seu pc ou a url da imagem, clique com o botão direito do mouse em cima, da imagem desejada. Salve a imagem no seu pc, ou use a url diretamente onde deseja.

Divirta-se !! ;) Floralis

quinta-feira, 7 de janeiro de 2016

Como colocar imagens caindo no blog......efeito cascata(blogger)

Em layout,clique em adicionar gadget, depois clique em

HTML/JavaScriptAdicionar

Cole o código abaixo na segunda parte. Salvar. E por fim salvar organização.


<script>if(typeof $pdj=='undefined'){var $pdj=jQuery.noConflict()}if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}image_urls['rain']="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga6oColc-PWHvZsoBiLWwJVGD_QhVRojZlVvOs8W7g77tQbi-7_7ieTt91wDJTAjTeN0tOrny2qi069bcXKA9iGmsgTo_gxtMc5C1ZPdfji9HSo27CS7A34mUuGuRxbkY-wozNZl7phfU/s1600/marie_066.gif";$pdj(document).ready(function(){var c=$pdj(window).width();var d=$pdj(window).height();var e=function(a,b){return Math.round(a+(Math.random()*(b-a)))};var f=function(a){setTimeout(function(){a.css({left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100)}).animate({top:(d-10)+'px'},e(7500,8000),function(){$pdj(this).fadeOut('slow',function(){f(a)})})},e(1,8000))};$pdj('<div></div>').attr('id','rainDiv').css({position:'fixed',width:(c-20)+'px',height:'1px',left:'0px',top:'-5px',display:'block'}).appendTo('body');for(var i=1;i<=10;i++){var g=$pdj('<img/>').attr('src',image_urls['rain']).css({position:'absolute',left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100),'margin-left':0}).addClass('rainDrop').appendTo('#rainDiv');f(g);g=null};var h=0;var j=0;$pdj(window).resize(function(){c=$pdj(window).width();d=$pdj(window).height()})});</script>

Aqui vai cair a gatinha Marie. Se quiser outra imagem faça assim:

<script>if(typeof $pdj=='undefined'){var $pdj=jQuery.noConflict()}if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}image_urls['rain']="COLE AQUI A URL DA IMAGEM QUE VOCÊ QUER USAR";$pdj(document).ready(function(){var c=$pdj(window).width();var d=$pdj(window).height();var e=function(a,b){return Math.round(a+(Math.random()*(b-a)))};var f=function(a){setTimeout(function(){a.css({left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100)}).animate({top:(d-10)+'px'},e(7500,8000),function(){$pdj(this).fadeOut('slow',function(){f(a)})})},e(1,8000))};$pdj('<div></div>').attr('id','rainDiv').css({position:'fixed',width:(c-20)+'px',height:'1px',left:'0px',top:'-5px',display:'block'}).appendTo('body');for(var i=1;i<=10;i++){var g=$pdj('<img/>').attr('src',image_urls['rain']).css({position:'absolute',left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100),'margin-left':0}).addClass('rainDrop').appendTo('#rainDiv');f(g);g=null};var h=0;var j=0;$pdj(window).resize(function(){c=$pdj(window).width();d=$pdj(window).height()})});</script>

DIVIRTA-SE!! :)