Achei divertido..... Compartilhei se inscrevam. O vlog de uma das colaboradoras

Botão do facebook NO BLOG (BLOGGER)

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpoderosasgifs&amp;width=250&amp;height=590&amp;colorscheme=dark&amp;show_faces=true&amp;header=true&amp;stream=true&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:590px;" allowtransparency="true"></iframe>

Passarinho do twitter NO BLOG (BLOGGER)

Em layout,clique em adicionar gadget, depois clique em

HTML/JavaScript

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


<script src='http://acessoriosparablogs.com.br/passaro.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var twitterAccount = "ESCREVA AQUI A URL DO TEU TWITTER";
var tweetThisText = "";
tripleflapInit();
</script>

Como colocar imagem seguindo o cursor do mouse(BLOGGER)

Em layout,clique em adicionar gadget, depois clique em

HTML/JavaScript

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


<script language="JavaScript1.2">
<!--

var trailLength = 7
var path = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxU7v_ULk7qNYqvOE33ZOxMqRxSc55jGbjmducXDngjUheV75TEpQHs_bRWMKQpfvD69JlfbtYydnZ0Qxjk8fv6CJM614ppJCnqDrWHnMr8RBIfPr43AEGS1A7Y01gANshaz4bY7ESAC4/s1600/cinnamoroll_11.gif"

var standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
var i,d = 0

function initTrail() {
images = new Array()
for (i = 0; i < parseInt(trailLength); i++) {
images[i] = new Image()
images[i].src = path
}
storage = new Array()
for (i = 0; i < images.length*3; i++) {
storage[i] = 0
}
for (i = 0; i < images.length; i++) {
document.write('<div id="obj' + i + '" style="position: absolute; z-Index: 100; height: 0; width: 0"><img src="' + images[i].src + '"></div>')
}
trail()
}
function trail() {
for (i = 0; i < images.length; i++) {
document.getElementById("obj" + i).style.top = storage[d]+'px'
document.getElementById("obj" + i).style.left = + storage[d+1]+'px'
d = d+2
}
for (i = storage.length; i >= 2; i--) {
storage[i] = storage[i-2]
}
d = 0
var timer = setTimeout("trail()",20)
}
function processEvent(e) {
if (window.event) {
storage[0] = window.event.y+standardbody.scrollTop+10
storage[1] = window.event.x+standardbody.scrollLeft+10
} else {
storage[0] = e.pageY+12
storage[1] = e.pageX+12
}
}

initTrail()
document.onmousemove = processEvent

//-->
</script>



Ou se quiser outra imagem:

<script language="JavaScript1.2">
<!--

var trailLength = 7
var path = "COLE AQUI A URL DA IMAGEM"

var standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
var i,d = 0

function initTrail() {
images = new Array()
for (i = 0; i < parseInt(trailLength); i++) {
images[i] = new Image()
images[i].src = path
}
storage = new Array()
for (i = 0; i < images.length*3; i++) {
storage[i] = 0
}
for (i = 0; i < images.length; i++) {
document.write('<div id="obj' + i + '" style="position: absolute; z-Index: 100; height: 0; width: 0"><img src="' + images[i].src + '"></div>')
}
trail()
}
function trail() {
for (i = 0; i < images.length; i++) {
document.getElementById("obj" + i).style.top = storage[d]+'px'
document.getElementById("obj" + i).style.left = + storage[d+1]+'px'
d = d+2
}
for (i = storage.length; i >= 2; i--) {
storage[i] = storage[i-2]
}
d = 0
var timer = setTimeout("trail()",20)
}
function processEvent(e) {
if (window.event) {
storage[0] = window.event.y+standardbody.scrollTop+10
storage[1] = window.event.x+standardbody.scrollLeft+10
} else {
storage[0] = e.pageY+12
storage[1] = e.pageX+12
}
}

initTrail()
document.onmousemove = processEvent

//-->
</script>

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

Em layout,clique em adicionar gadget, depois clique em

HTML/JavaScript

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/AVvXsEjdP5-VqTSOtv50zgP8oKcNr7f5OzJ8yTKts0xCBQHzPpainF93DCbwNThd5t9zjkwYn_t2hsDZlMof0LXBmDNqPKFbk5Ir3e9Cup-2MCxl_NWacjyA9zkR19TQKHv5_2-dQelzEMbXGpQ/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!! :)

Como colocar efeito de nuvens entrando embaixo do cabeçalho no blog

Em layout,clique em adicionar gadget, depois clique em

HTML/JavaScript

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

<marquee direction="right" scrollamount="3" height="104px" width="1150" behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()"><img src="http://static.tumblr.com/ehafoxd/Pr9m0s60s/nuvemht.png" /> </marquee>

Você vai ter efeitos de nuvem muito fofos!!

Se divirta!!