Nubes en la cabecera de tu blog

hola mis nenas hoy les voy a enseñar un truquito que queda muy bonito en el blog.. se trata de unas nubes que pasean por tu cabecera ser mira muy mono ya lo veran >.<

para ver el truco en funcionamiento visita mi blog de pruebas

ahora lo explicare con la nueva interfaz

Diseño >> Plantilla >> Edicion de Html

si les sale un aviso de advertencia le ponen continuar

ya estando ahi buscamos este codigo </head>

cuando lo encuentres pega este codigo justo abajo de el

<script src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.js' type='text/javascript'/>

<div id='wrapper'>
<div id='content'>
<div id='cloud1'><img src='http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nube2.png'/></div>
<div id='cloud2'><img src='http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nube2.png'/></div>
<div id='cloud3'><img src='http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nube3.png'/></div>
<div id='cloud4'><img src='http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nube1.png'/></div>
</div>
</div>
<script type='text/javascript'>
$(document).ready(function() {
setTimeout("animation()",300);
});

function animation(){
cloud1();
cloud2();
cloud3();
cloud4();
}

function cloud1(){
$("#cloud1").animate({left:"+=80%"},50000).animate({left:"-0px"}, 0)
setTimeout("cloud1()",30000);
}
function cloud2(){
$("#cloud2").animate({left:"+=70%"},40000).animate({left:"-0px"}, 0)
setTimeout("cloud2()",20000);
}
function cloud3(){
$("#cloud3").animate({left:"+=70%"},60000).animate({left:"-0px"}, 0)
setTimeout("cloud3()",20000);
}
function cloud4(){
$("#cloud4").animate({left:"+=70%"},75000).animate({left:"-0px"}, 0)
setTimeout("cloud4()",75000);
}

</script>

asi quedaria:



Despues busca ]]></b:skin

y pega este codigo justo arriba de el

#cloud1{ position:absolute; top:10px; left: 0px; z-index:10; }
#cloud2{ position:absolute; top:200px; left: 0px; z-index:10; }
#cloud3{ position:absolute; top:320px; left: 0px; z-index:10; }
#cloud4{ position:absolute; top:150px; left: 0px; z-index:10; }

quedando asi:



Da vista Previa y guarda

Aqui algunas nubecitas de colores

http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nuberosa2.png
http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nuberosa.png
http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nuberosa3.png


http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nubeazul3.png
http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nubeazul2.png
http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nubeazul.png



http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nube3.png
http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nube2.png
http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nube1.png


http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nubemorado3.png
http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nubemorado2.png
http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nubemorado1.png


http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nubeblanca.png
http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nubeblanc3.png
http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nubeblac2.png



http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nubeamarilla3.png
http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nubeamarilla2.png
http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nubeamarilla1.png

como notita dire que puedes hacer tu misma una imagen y ponersela ya sean corazoncitos o estrellitas