domingo, 6 de enero de 2013

Gif que pasean en tu Blog


Este es un tuto muy sensillo y bello todo gracais a Estrellita y su bellisimo BLOG 

Ve a blogger / diseño / añadir un gadget /  
y copia este codigo en un html 



 <script type="text/javascript"> /****************************************** Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html) 
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code 
* Last updated Nov 9th, 05' by DD. This notice must stay intact for use 
******************************************/ 
//Configure below to change URL path to the snow image 
var snowsrc="URL DE TU GIF  O OTRA COSA" 
// Configure below to change number of snow to render 
var no = 10; 
// Configure whether snow should disappear after x seconds (0=never): 
var hidesnowtime = 0; 
// Configure how much snow should drop down before fading ("windowheight" or "pageheight") 
var snowdistance = "windowheight"; 
///////////Stop Config////////////////////////////////// 
var ie4up = (document.all) ? 1 : 0; 
var ns6up = (document.getElementById&&!document.all) ? 1 : 0; 
function iecompattest(){ 
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body 
} 
var dx, xp, yp; // coordinate and position variables 
var am, stx, sty; // amplitude and step variables 
var i, doc_width = 800, doc_height = 600; 
if (ns6up) { 
doc_width = self.innerWidth; 
doc_height = self.innerHeight; 
} else if (ie4up) { 
doc_width = iecompattest().clientWidth; 
doc_height = iecompattest().clientHeight; 
} 
dx = new Array(); 
xp = new Array(); 
yp = new Array(); 
am = new Array(); 
stx = new Array(); 
sty = new Array(); 
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc 
for (i = 0; i < no; ++ i) { 
dx[i] = 0; // set coordinate variables 
xp[i] = Math.random()*(doc_width-50); // set position variables 
yp[i] = Math.random()*doc_height; 
am[i] = Math.random()*20; // set amplitude variables 
stx[i] = 0.02 + Math.random()/10; // set step variables 
sty[i] = 0.7 + Math.random(); // set step variables 
if (ie4up||ns6up) { 
if (i == 0) { 
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>"); 
} else { 
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>"); 
} 
} 
} 
function snowIE_NS6() { // IE and NS6 main animation function 
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10; 
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight; 
for (i = 0; i < no; ++ i) { // iterate for every dot 
yp[i] += sty[i]; 
if (yp[i] > doc_height-50) { 
xp[i] = Math.random()*(doc_width-am[i]-30); 
yp[i] = 0; 
stx[i] = 0.02 + Math.random()/10; 
sty[i] = 0.7 + Math.random(); 
} 
dx[i] += stx[i]; 
document.getElementById("dot"+i).style.top=yp[i]+"px"; 
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px"; 
} 
snowtimer=setTimeout("snowIE_NS6()", 10); 
} 
function hidesnow(){ 
if (window.snowtimer) clearTimeout(snowtimer) 
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden" 
} 
if (ie4up||ns6up){ 
snowIE_NS6(); 
if (hidesnowtime>0) 
setTimeout("hidesnow()", hidesnowtime*1000) 
} 
</script> 

url de tu gif o otra cosa: Aqui poner el url de lo que quieres que vuele en tu blog
var no = 10: Cambia el 10 Por cuantas veces quieres que caiga tu gif ( O otra cosa)


EN URL O OTRA COSA pones el url de la cosa que quieres poner (Todos estos gifs son de Estrellita)



Adiosssss

Menu Cute

Holisss te traje un bellisimo tuto de mi amiga Estrellita :D creidtos a ella por todito lo que ves aqui, bueno te enseñare a tener un menu extra cute empecemos: asi se veria:

Vamos a:
Diseño/Añadir un gadget/Html o javascript

Y Pegamos el siguiente código

<style>
a.yejuny{
background:url(Gif1);
background-repeat:no-repeat;
background-size:15px;
padding-left:25px;
color:#444;
margin-bottom:2px;
font:12px arial;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
color:#999;
display:block;
}

a.yejuny:hover{
background:url(Gif2);
background-repeat:no-repeat;
background-size:15px;
}
</style>
<a class="yejuny" href="LINK" >Titulo :  </a>
<a class="yejuny" href="LINK" >Titulo :  </a>
<a class="yejuny" href="LINK" >Titulo :  </a>
<a class="yejuny" href="LINK" >Titulo :  </a>
<a class="yejuny" href="LINK" >Titulo :  </a>

Adios! espero que le halla servido, a mi me encanto lo usare prontito! muchos besos.



                                                                                                Lo viste en la casita de los kawaii
Wanaseoby
Creditos bellos a:  La Casita de los Kawaii de ella es todoo, es una chica genial y contiene muchisimos recursos y tutoriales  visitenla y haganse miembroo beshitos

Pon Bienvenida Kawaii en tu Blog


Holis te traje otro tuto de Estrellita no puedo dejar de subir sus tutos es genial, vistenla, bueno digamos que asi se veria (imagen de estrellita)...
Les gustaria tenerlo? sigan paso a paso cada regla y veran...
  • Ve a Diseño . Añadir un gadget. html javascript. Edicion de html
cOpia este codigo y pegalo en el gadget 
  
  • <div style="background:url(El URL DEL FONDITO); width:400px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:100px; ">TU TEXTOP^^</div>
Espero que te hlla gustado n.n

FUENTE: http://lacasitadeloskawaii.blogspot.com.ar/2012/11/bienvenida-en-el-blog-tuto.html
Creditos bellos a:  La Casita de los Kawaii de ella es todoo, es una chica genial y contiene muchisimos recursos y tutoriales  visitenla y haganse miembroo beshitos...