Javascripts para personalizar tu blog: Parte 2
Esta es la 2° parte de los javascripts, ¿QUE?, pensabas que acababan ahi, noooo, hay muchos, incluso para una 3° parte pero bueno, vamos con los scripts.
La ultima vez nos quedamos en el 7, entonces vamos con el:
8 Traductor con banderas
Si miras arriba hay un traductor en donde puedes cambiar el idioma segun la bandera ej: Japon es japones, brazil es portugues y italia es italiano, bueno este es el script pero CUIDADO es muy largo:
<div align="center" style="width:auto"><style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style> <div> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrrTzM-AzEJNUQYm3ZOe4V4hMHN0rTwXooBXLuSlvCeJexWlI_iUzev5Rs301IE8ZOQw2MYU4c3aHDw2lz3RPTbyY81m6XhUVS2V8da4soHntxHUfaR2o6xrYBPx-NWC3aLKyUr_ePHHE/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTbDYLppVGJn8NUrn_jhpUaShCTm8I6Xu6HhPQDjb6ZqDGYlfEtWEgdyWU5lqxpRTMocl_Qyaoh7hrZmYMHmH_fyc2DTdYMTHyHDVWiWuGqfBusV7VFzFpgUQAXQGcS37VAGukFIlXjVM/s200/France.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5UUBqKqlDsfLkcsBk8suIkGeZ4X8Can2PXtrFcZpDwLSnSGRc02jCIFwkfuv6iRQIeje53JN849YqaOhSoHDgXLNPb-Iw5aEWzS4Q7xasTAWB3ww6etXbMSL3aAhoBn764TL6IDVAuWM/s200/Germany.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik6D0cL1FIDz7sNP0erkz7MeJEy-MUAgL-JiIzFbPPnWYj9JGUxvm_-caNG7reyqy9hKJJm_C5uEHs6DKBGWSOzDotnPabB6KPQ8yQqWT8JAwSjJMnLsQLEULMdQoOcL9Bmy__8ykfhvo/s200/Spain.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkvz3My71bagprIJur7Mqmn2y9CoJ1QrJDfBW6UDV9Zk08Cs0YrJTQMbuTDhCY5IAE_mEU0mu6VyaKbUicwb7C1i8JLLvNNmpDTDumWRUWKwkkrnex7y2peF8jtpFK0mSEBgET0kEl-AI/s200/Italy.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj32jSDL538EzhaRxsWTZWUip1SCbGtrv5VrLKFkwplvXg_Vfme3VJix0ix4d7wFCip0wUcSyb2Kslg__QFggWpMxDY7lLOFaXNoJgGXmeDxlSiEebgIgtbF68UmuqrrH0Gpk1IvGmsDIo/s200/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzbFI3k5Uge4SSkJb3YrJ4gZx5ceNoxZ4Cbuf5_qdEde-4qYhCVANvNkFDv-gtLj5vVAb5blGv2uY13Xbd8dsFle4mXVglsj3SIsHrVEvwO-eJcq7AR80EWAHW0CQ4pe5EQUMyCf4x358/s200/Russian+Federation.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUw2OOjZ46ntTEP-dfFOD1oseV_FGecs4H27YaC2SBo_InQObhWjgbRXg7YA8GS2Hv3YNFKIz3NpT1SfVVuWO5Dao3myUTRtI3bIfjsPTO7Sf8_TZm5yLtcw7hJZS3cBeD3X8C4x9Pdbs/s200/Brazil.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic6DZUB_VKLuhwT5fOaJpxtOrbew6tuvyh2KpIx12z8r8P4G-E2QmrnQ0P_Ce-S0Td8KlAZGYNs9xaDw_JDIRMVgqYhLXL20AYgfMFu30RYybgWP_1B0xwFNAzY0GVRxwwn9YqAnrWtAk/s200/Japan.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-sv_cFsE5YB02Srqr36h0xeex0Mimde2350Yw3EdILmnEOZsPfV9k2SVmnVw1Eza5CEP5tiniF2HOyZ0mR1gNif2JVswiTCiHELKHl8vD4bySL7cWtOKgDtDyHmyPbyIlLq_HQyBBt34/s200/South+Korea.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHlNgoJnRODITyZG1JA-W8o7R-z7yLjQepcPrrTpjuMX-_rO3qgUH_zJEE_UEicHdkWuwQOWR20XIl4CZKRoyFcm2UeAELQMT4L6DB_jAOyxnJJp5v1hCGV-uxOv-ewfrvuUdCn3vt4D0/s200/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixvODt7lLwRLXHEWiY9hvFx7SUThdsWL300XfN84425JI4TPRN_apOZ3SHYA3C6lbndYmpK9sgutlUz2iF_Tlh3w4At0N_hRz2H_V4e7Mpbv1GUGUmPj93QUy4Bl5h_kmErOaz9JBZkeI/s200/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a> </div><div 0px 0pxâ?? style="â??font-size:10px;margin:8px" 3px><script type="text/javascript" src="//acortar.org/gen-js"></script><a href="http://miotip.com" target="_blank" title="miotip"><img src="https://sites.google.com/site/cartasamistad/home/adornos/cartas-amistad.gif" border=0 alt="miotip.com"/></a><a href="http://pczeros.net/2010/05/traductor-con-banderas-para-blog.html" target="_blank" title="traductor para el blog "><img src="http://sites.google.com/site/pczeros/Home/1t.gif" border="0" alt="traductor con banderas para el blog"/></a>
</div></div>
9 Botones cambia-fondos
Que lindo seria que con un boton los visitantes cambien el fondo del blog, pues SE HA VUELTO REALIDAD, con este script, click y se cambia el fondo:
<center>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#ff0000'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMYHksZzuHLbSJZiqeaRhfwCKV3G0uvUo8xAfRxUppb-rTHWQRvyLm4hvixRRj4gTIvIorY-Z0UFhOE56qY9Uo1_0yj218O14nFn6s1wTThZv3Prhy_RjHJXSsRIltt1qsc-m2aa6uR0pp/s200/body-rojo.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#fff000'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbzJNkScRPsL9aC0T7A8fWG3NmzekanuysvTU5DawTmX8p-JaJ9VPpAhnFvw2r9KwqSJ18NJavsK9pp5pjnNcRXoDTBAlCcapUAIo1RM8e78y-__I4O17G2TrMPVyhBLeWRyGUmbtUaUk1/s200/body-amarillo.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#04B404'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiDQ5hd3GcyapY2nrxIpqMycic7ivlUSALBe0EtRUzn3fXdMwsc1sdhQ2F3JkrsK_Aio4hkHShq94WMs8HwZui-7y3FN7Ry2WmLInY-dICJ1iFQdVzjnGCMJ94ZF8PLFPmcNiA0q9E7BIn/s200/body-verde.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#0080FF'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijBd3ZUNzWnKQcxwujoIm9pjRHroHyp1aFx6tL-MLbnLeu-1zAIOLQ-KZF1Ckf-O21e6h3tHJfkxioNs8o2YARvhFJC3M9sqh0nV3n4ztiPmzwZfJgeDbZ-BgP5whznmfiFvSwnzDa3dK_/s200/body-azul.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#CC00FF'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRIdonGtuucIWJsubBc_2HLduLcXQWPKeVL_2WlVIG6sPc0lFWK1gLvsHjGEnNa1LnDeTCO8d-AQyzkYZpbEPiIn2podwOk1hB9o9R1oheDP-lGj6nW3nFoCHW3tIhie3WQiyQ6opIMATO/s200/body-morado.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#F781BE'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnC7kCBhkDSPAtXYZjMw7yHlkNbO7Fyds1WXIOKREH1-3zfDiyd0MjytGz37tohLMODjTsKZGO6Q65u8s2l0QlcdGqrpwb2Rk4QSTOikHjc21hA-FzsseRVjr4a9AEQEW7D7Vpkv8QnH14/s200/body-rosa.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#000000'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0DNsCDLJP1LX49glmKjIli-QdVfmV0u6LQZ1Dt7TwJJLsMgzsFHEfOKFcAa49fcDGtqD7XYK-ub8IqGYJZxHYJM1TUIjOSAEKh6ZjQXdm-vwGaS2sQFzyqCKdPyp0gWOqEjOWLPEe0TMU/s200/body-negro.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#FFFFFF'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK25l0DvemBLJXsbaSFgmdilVT50WOCTmxV9xDopchd9ofQ9EXm3g8DIRGJGb9M3xaPVprzeQu_tejo2IwFOcg5q8GaXvb478FADilJ9DLurJFiSKQIpC2KMq1UL8x-DOy4CLL5Xp5PQKc/s200/body-blanco.png" /></a>
<script type="text/javascript" src="//acortar.org/gen-js"></script>
</center>
10 Calendario en el blog
Que dia es?, es dia de que pongas un calendario a tu blog con este script:
<style>
.cajacalendario {
height: 200px;
position: relative;
margin: 0 auto;
width: 200px;}
.widget { text-align: center;}
.widget-calendario {
height: 150px;
margin-bottom: 24px;
width: 190px;
}
#nombredia {
background: #1e5799;
background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8));
background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
font-family: 'Francois One', sans-serif;
text-shadow: 0 0 9px #ffffff;border-left:4px solid #C1C1C1;border-right:4px solid #C1C1C1;border-top:4px solid #C1C1C1;
border-radius: 35px 35px 0 0;
color: #f9f9f9 !important;text-decoration:none !important;
font-size: 30px;letter-spacing:0px;font-weight:bold;
line-height: 35px;height: 40px;
position: relative;
text-transform: lowercase;
}
#dia {
border-radius: 0 0 35px 35px;border:0px solid #565656;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvDhqs4qz2SwYc1TnEs0z_Hcisf79dWf5OGSjbPIWumAu0hZnCT7ufyYFUPX1_fnV5SDforxO2ztQarBtTyYGm_e_kSaZkR9M99x6CeuLFulQ3YKUcUcINadvp3fXy2x24DuxOOEL8lx8/s1600/fondo+calendario.png) no-repeat center bottom;
color: #0C74B6;font-family: 'Francois One', sans-serif;
font-size: 130px;text-shadow: -5px 0 #cdcdcd, 0 1px #000000, 0px 0 #cdcdcd, 0 -1px #000000, -1px 1px 2px #000000;
height:150px;
line-height: 120px;}
</style>
<div class="cajacalendario"><div class="widget"><div class="widget-calendario"><a style="text-decoration:none !important;" href="https://time.is/es/calendar" target="_blank"><div id="nombredia"></div></a><div id="dia"></div></div></div></div>
<link href='http://fonts.googleapis.com/css?family=Francois+One' rel='stylesheet' type='text/css'>
<script src="//acortar.org/calendar-js"></script>
11 Fuegos artificiales
Con este script puedes hacer que hayan fuegos artifiales o cohetes como tu los llames:
<script type="text/javascript">
//<![CDATA[
var bits=100; // cuantos bits
var intensity=7; // que tan "poderosa" es la explosión. (recomendado entre 3 y 10)
var speed=20; // rapidez (a menor numero, mas rapido)
var colours=new Array("#03f", "#f03", "#0e0", "#93f", "#0cc", "#f93");
//azul rojo verde purpura cyan, naranjo
var dx, xpos, ypos, bangheight;
var Xpos=new Array();
var Ypos=new Array();
var dX=new Array();
var dY=new Array();
var decay=new Array();
var colour=0;
var swide=800;
var shigh=600;
function write_fire() {
var b, s;
b=document.createElement("div");
s=b.style;
s.position="absolute";
b.setAttribute("id", "bod");
document.body.appendChild(b);
set_scroll();
set_width();
b.appendChild(div("lg", 3, 4));
b.appendChild(div("tg", 2, 3));
for (var i=0; i<bits; i++) b.appendChild(div("bg"+i, 1, 1));
}
function div(id, w, h) {
var d=document.createElement("div");
d.style.position="absolute";
d.style.overflow="hidden";
d.style.width=w+"px";
d.style.height=h+"px";
d.setAttribute("id", id);
return (d);
}
function bang() {
var i, X, Y, Z, A=0;
for (i=0; i<bits; i++) {
X=Math.round(Xpos[i]);
Y=Math.round(Ypos[i]);
Z=document.getElementById("bg"+i).style;
if((X>=0)&&(X<swide)&&(Y>=0)&&(Y<shigh)) {
Z.left=X+"px";
Z.top=Y+"px";
}
if ((decay[i]-=1)>14) {
Z.width="3px";
Z.height="3px";
}
else if (decay[i]>7) {
Z.width="2px";
Z.height="2px";
}
else if (decay[i]>3) {
Z.width="1px";
Z.height="1px";
}
else if (++A) Z.visibility="hidden";
Xpos[i]+=dX[i];
Ypos[i]+=(dY[i]+=1.25/intensity);
}
if (A!=bits) setTimeout("bang()", speed);
}
function stepthrough() {
var i, Z;
var oldx=xpos;
var oldy=ypos;
xpos+=dx;
ypos-=4;
if (ypos<bangheight||xpos<0||xpos>=swide||ypos>=shigh) {
for (i=0; i<bits; i++) {
Xpos[i]=xpos;
Ypos[i]=ypos;
dY[i]=(Math.random()-0.5)*intensity;
dX[i]=(Math.random()-0.5)*(intensity-Math.abs(dY[i]))*1.25;
decay[i]=Math.floor((Math.random()*16)+16);
Z=document.getElementById("bg"+i).style;
Z.backgroundColor=colours[colour];
Z.visibility="visible";
}
bang();
launch();
}
document.getElementById("lg").style.left=xpos+"px";
document.getElementById("lg").style.top=ypos+"px";
document.getElementById("tg").style.left=oldx+"px";
document.getElementById("tg").style.top=oldy+"px";
}
function launch() {
colour=Math.floor(Math.random()*colours.length);
xpos=Math.round((0.5+Math.random())*swide*0.5);
ypos=shigh-5;
dx=(Math.random()-0.5)*4;
bangheight=Math.round((0.5+Math.random())*shigh*0.4);
document.getElementById("lg").style.backgroundColor=colours[colour];
document.getElementById("tg").style.backgroundColor=colours[colour];
}
window.onscroll=set_scroll;
function set_scroll() {
var sleft, sdown;
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
var s=document.getElementById("bod").style;
s.top=sdown+"px";
s.left=sleft+"px";
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
window.onload=function() { if (document.getElementById) {
set_width();
write_fire();
launch();
setInterval('stepthrough()', speed);
}}
//]]>
</script>
}
SPOILER SI NO QUIERES LEER NO LO LEAS: en el aniversario de astorlozano.com lo pondre.
12 Nieve
Con este script caera nieve en tu blog:
<script type='text/javascript'>var fallObjects=new Array();function newObject(url,height,width){fallObjects[fallObjects.length]=new Array(url,height,width);} var numObjs=20, waft=50, fallSpeed=10, wind=0; newObject("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBAUZd8dlegNyBt606DAt0m9_glbry8-H6BSNQAKSDoI4tgoxYd30JLKQRPOiUXT6kYRoq4gUpRAK7ZEWRgbxZDJk_6R7N_C7cVdZP0AafNkr3rBDxvkwAgSizaBlxElhE0O13FlarGrTc/s400/nieve2_jessi_diyva.png",22,22); newObject("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCVCyedRdExxDahNnqgNkASlVmHAC5HN8wQdGGCVVo00FDObG1FtFyImuzlqucYe0kGFujP865rMnMLMa0EWsutp3-sRpWbPESeCRsPL5EAveKQcNMpjeR3ZKDCOBBGyxD_XiuOkZFd8Ig/s400/nieve1_jessi_diyva.png",22,22); function winSize(){winWidth=(moz)?window.innerWidth-180:document.body.clientWidth-180;winHeight=(moz)?window.innerHeight+500:document.body.clientHeight+500;} function winOfy(){winOffset=(moz)?window.pageYOffset:document.body.scrollTop;} 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:fixed;" 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);}fall();</script>
SPOILER SI NO QUIERES LEER NO LO LEAS: en navidad lo pondre.
13 Me gusta
Puedes poner el boton de me gusta con este script:
<div id="fb-root"></div>
<script type="text/javascript">
(function() {
var element = document.createElement('script');
element.type = "text/javascript";
element.async = true;
element.id = "facebook-jssdk"
element.src = "//connect.facebook.net/es_ES/all.js#xfbml=1";
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(element, s);
})();
</script>
<div class="fb-like" data-send="true" data-show-faces="true"></div>
14 FANTASMAS
BU, en halloween puedes decorar el blog con fantasmas, si como lo escuchas, F A N T A, ... mejor vamos con el script:
<script language="JavaScript">
if ((document.getElementById) &&
window.addEventListener || window.attachEvent){
(function(){
//Configuracion
var numberOfGhosts = 10; /* Numero de fantasmas */
var ghostSpeed = 0.9; /* Velocidad */
var inTheFace = 5;
var setTimeOutSpeed = 50; /* Velocidad a la que desaparecen */
//Fin de la configuracion
var h,y,cy,cx,sy,sx,ref,field,oy1,oy2,ox1,ox2,iy1,iy2,ix1,ix2;
var d = document;
var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var pi1 = 180/3.14;
var pi2 = 3.14/180;
var y = [];
var x = [];
var strs = [];
var gro = [];
var dim = [];
var dfc = [];
var vel = [];
var dir = [];
var acc = [];
var dtor = [];
var xy2 = [];
var idx = document.getElementsByTagName('div').length;
var zip = [];
var pix = "px";
for (i = 0; i < numberOfGhosts; i++){
document.write('<div id="ghosts'+(idx+i)+'"'
+' style="position:absolute;top:0px;left:0px;'
+'width:40px;height:40px;background-color:transparent;'
+'font-size:0px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEw3lJ_lH-qzmcafaQ8xHS4PbWwX8EhOABk4BLKh3CIH1xmPOEDx39VdNCEEWOSKZUtB416ygh7kPfU-_wDwqLy659_iCTG_ZezB3L4w5j7sdoOnDSTMwuOc9v1P9x5-cazgLGYdlE-iE/s1600/ghost.gif" class="ghost" width="70"/></div>');
}
if (domWw) ref = window;
else{
if (d.documentElement &&
typeof d.documentElement.clientWidth == "number" &&
d.documentElement.clientWidth != 0)
ref = d.documentElement;
else{
if (d.body &&
typeof d.body.clientWidth == "number")
ref = d.body;
}
}
function win(){
var mozBar = ((domWw) &&
ref.innerWidth != d.documentElement.offsetWidth)?20:0;
h = (domWw)?ref.innerHeight:ref.clientHeight;
w = (domWw)?ref.innerWidth - mozBar:ref.clientWidth;
cy = Math.floor(h/2);
cx = Math.floor(w/2);
oy1 = (75 * h / 100);
oy2 = (oy1 / 2);
ox1 = (75 * w / 100);
ox2 = (ox1 / 2);
iy1 = (18 * h / 100);
iy2 = (iy1 / 2);
ix1 = (18 * w / 100);
ix2 = (ix1 / 2);
field = (h > w)?h:w;
}
function rst(s){
var cyx;
sy = (domSy)?ref.pageYOffset:ref.scrollTop;
sx = (domSy)?ref.pageXOffset:ref.scrollLeft;
acc[s] = 0;
dim[s] = 1;
xy2[s] = 0;
cyx = Math.round(Math.random() * 2);
if (cyx == 0){
y[s] = (cy - iy2) + Math.floor(Math.random() * iy1);
x[s] = (cx - ix2) + Math.floor(Math.random() * ix1);
}
else{
y[s] = (cy - oy2) + Math.floor(Math.random() * oy1);
x[s] = (cx - ox2) + Math.floor(Math.random() * ox1);
}
dy = y[s] - cy;
dx = x[s] - cx;
dir[s] = Math.atan2(dy,dx) * pi1;
dfc[s] = Math.sqrt(dy*dy + dx*dx) ;
zip[s] = 10 * (dfc[s] + inTheFace) / 100;
vel[s] = ghostSpeed * dfc[s] / 100;
dtor[s] = (field - dfc[s]);
if (dtor[s] < 1) dtor[s] = 1;
gro[s] = 0.003 * dtor[s] / 100;
}
function animate(){
for (i = 0; i < numberOfGhosts; i++){
y[i] += vel[i] * Math.sin(dir[i] * pi2);
x[i] += vel[i] * Math.cos(dir[i] * pi2);
acc[i] = (vel[i] / (dfc[i] + (vel[i] * zip[i])) * vel[i]);
vel[i] += (acc[i]);
dim[i] += gro[i] + acc[i] / zip[i];
xy2[i] = dim[i] / 2;
if (y[i] < 0 + xy2[i] ||
x[i] < 0 + xy2[i] ||
y[i] > h - xy2[i] ||
x[i] > w - xy2[i]){
rst(i);
}
strs[i].top = (y[i] - xy2[i]) + sy + pix;
strs[i].left = (x[i] - xy2[i]) + sx + pix;
strs[i].width = (strs[i].height = (Math.round(dim[i])) + pix);
}
setTimeout(animate,setTimeOutSpeed);
}
function init(){
win();
for (i = 0; i < numberOfGhosts; i++){
strs[i] = document.getElementById("ghosts"+(idx+i)).style;
rst(i);
}
animate();
}
if (window.addEventListener){
window.addEventListener("resize",win,false);
window.addEventListener("load",init,false);
}
else if (window.attachEvent){
window.attachEvent("onresize",win);
window.attachEvent("onload",init);
}
})();
}//End.
</script>
<style>
.ghost {
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
-khtml-opacity: 0.3;
}
html {
overflow-x:hidden;
}
</style>
Como decia, no caben mas, proximamente 3° parte
La ultima vez nos quedamos en el 7, entonces vamos con el:
8 Traductor con banderas
Si miras arriba hay un traductor en donde puedes cambiar el idioma segun la bandera ej: Japon es japones, brazil es portugues y italia es italiano, bueno este es el script pero CUIDADO es muy largo:
<div align="center" style="width:auto"><style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style> <div> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrrTzM-AzEJNUQYm3ZOe4V4hMHN0rTwXooBXLuSlvCeJexWlI_iUzev5Rs301IE8ZOQw2MYU4c3aHDw2lz3RPTbyY81m6XhUVS2V8da4soHntxHUfaR2o6xrYBPx-NWC3aLKyUr_ePHHE/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTbDYLppVGJn8NUrn_jhpUaShCTm8I6Xu6HhPQDjb6ZqDGYlfEtWEgdyWU5lqxpRTMocl_Qyaoh7hrZmYMHmH_fyc2DTdYMTHyHDVWiWuGqfBusV7VFzFpgUQAXQGcS37VAGukFIlXjVM/s200/France.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5UUBqKqlDsfLkcsBk8suIkGeZ4X8Can2PXtrFcZpDwLSnSGRc02jCIFwkfuv6iRQIeje53JN849YqaOhSoHDgXLNPb-Iw5aEWzS4Q7xasTAWB3ww6etXbMSL3aAhoBn764TL6IDVAuWM/s200/Germany.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik6D0cL1FIDz7sNP0erkz7MeJEy-MUAgL-JiIzFbPPnWYj9JGUxvm_-caNG7reyqy9hKJJm_C5uEHs6DKBGWSOzDotnPabB6KPQ8yQqWT8JAwSjJMnLsQLEULMdQoOcL9Bmy__8ykfhvo/s200/Spain.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkvz3My71bagprIJur7Mqmn2y9CoJ1QrJDfBW6UDV9Zk08Cs0YrJTQMbuTDhCY5IAE_mEU0mu6VyaKbUicwb7C1i8JLLvNNmpDTDumWRUWKwkkrnex7y2peF8jtpFK0mSEBgET0kEl-AI/s200/Italy.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj32jSDL538EzhaRxsWTZWUip1SCbGtrv5VrLKFkwplvXg_Vfme3VJix0ix4d7wFCip0wUcSyb2Kslg__QFggWpMxDY7lLOFaXNoJgGXmeDxlSiEebgIgtbF68UmuqrrH0Gpk1IvGmsDIo/s200/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzbFI3k5Uge4SSkJb3YrJ4gZx5ceNoxZ4Cbuf5_qdEde-4qYhCVANvNkFDv-gtLj5vVAb5blGv2uY13Xbd8dsFle4mXVglsj3SIsHrVEvwO-eJcq7AR80EWAHW0CQ4pe5EQUMyCf4x358/s200/Russian+Federation.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUw2OOjZ46ntTEP-dfFOD1oseV_FGecs4H27YaC2SBo_InQObhWjgbRXg7YA8GS2Hv3YNFKIz3NpT1SfVVuWO5Dao3myUTRtI3bIfjsPTO7Sf8_TZm5yLtcw7hJZS3cBeD3X8C4x9Pdbs/s200/Brazil.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic6DZUB_VKLuhwT5fOaJpxtOrbew6tuvyh2KpIx12z8r8P4G-E2QmrnQ0P_Ce-S0Td8KlAZGYNs9xaDw_JDIRMVgqYhLXL20AYgfMFu30RYybgWP_1B0xwFNAzY0GVRxwwn9YqAnrWtAk/s200/Japan.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-sv_cFsE5YB02Srqr36h0xeex0Mimde2350Yw3EdILmnEOZsPfV9k2SVmnVw1Eza5CEP5tiniF2HOyZ0mR1gNif2JVswiTCiHELKHl8vD4bySL7cWtOKgDtDyHmyPbyIlLq_HQyBBt34/s200/South+Korea.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHlNgoJnRODITyZG1JA-W8o7R-z7yLjQepcPrrTpjuMX-_rO3qgUH_zJEE_UEicHdkWuwQOWR20XIl4CZKRoyFcm2UeAELQMT4L6DB_jAOyxnJJp5v1hCGV-uxOv-ewfrvuUdCn3vt4D0/s200/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=es%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixvODt7lLwRLXHEWiY9hvFx7SUThdsWL300XfN84425JI4TPRN_apOZ3SHYA3C6lbndYmpK9sgutlUz2iF_Tlh3w4At0N_hRz2H_V4e7Mpbv1GUGUmPj93QUy4Bl5h_kmErOaz9JBZkeI/s200/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a> </div><div 0px 0pxâ?? style="â??font-size:10px;margin:8px" 3px><script type="text/javascript" src="//acortar.org/gen-js"></script><a href="http://miotip.com" target="_blank" title="miotip"><img src="https://sites.google.com/site/cartasamistad/home/adornos/cartas-amistad.gif" border=0 alt="miotip.com"/></a><a href="http://pczeros.net/2010/05/traductor-con-banderas-para-blog.html" target="_blank" title="traductor para el blog "><img src="http://sites.google.com/site/pczeros/Home/1t.gif" border="0" alt="traductor con banderas para el blog"/></a>
</div></div>
9 Botones cambia-fondos
Que lindo seria que con un boton los visitantes cambien el fondo del blog, pues SE HA VUELTO REALIDAD, con este script, click y se cambia el fondo:
<center>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#ff0000'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMYHksZzuHLbSJZiqeaRhfwCKV3G0uvUo8xAfRxUppb-rTHWQRvyLm4hvixRRj4gTIvIorY-Z0UFhOE56qY9Uo1_0yj218O14nFn6s1wTThZv3Prhy_RjHJXSsRIltt1qsc-m2aa6uR0pp/s200/body-rojo.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#fff000'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbzJNkScRPsL9aC0T7A8fWG3NmzekanuysvTU5DawTmX8p-JaJ9VPpAhnFvw2r9KwqSJ18NJavsK9pp5pjnNcRXoDTBAlCcapUAIo1RM8e78y-__I4O17G2TrMPVyhBLeWRyGUmbtUaUk1/s200/body-amarillo.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#04B404'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiDQ5hd3GcyapY2nrxIpqMycic7ivlUSALBe0EtRUzn3fXdMwsc1sdhQ2F3JkrsK_Aio4hkHShq94WMs8HwZui-7y3FN7Ry2WmLInY-dICJ1iFQdVzjnGCMJ94ZF8PLFPmcNiA0q9E7BIn/s200/body-verde.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#0080FF'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijBd3ZUNzWnKQcxwujoIm9pjRHroHyp1aFx6tL-MLbnLeu-1zAIOLQ-KZF1Ckf-O21e6h3tHJfkxioNs8o2YARvhFJC3M9sqh0nV3n4ztiPmzwZfJgeDbZ-BgP5whznmfiFvSwnzDa3dK_/s200/body-azul.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#CC00FF'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRIdonGtuucIWJsubBc_2HLduLcXQWPKeVL_2WlVIG6sPc0lFWK1gLvsHjGEnNa1LnDeTCO8d-AQyzkYZpbEPiIn2podwOk1hB9o9R1oheDP-lGj6nW3nFoCHW3tIhie3WQiyQ6opIMATO/s200/body-morado.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#F781BE'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnC7kCBhkDSPAtXYZjMw7yHlkNbO7Fyds1WXIOKREH1-3zfDiyd0MjytGz37tohLMODjTsKZGO6Q65u8s2l0QlcdGqrpwb2Rk4QSTOikHjc21hA-FzsseRVjr4a9AEQEW7D7Vpkv8QnH14/s200/body-rosa.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#000000'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0DNsCDLJP1LX49glmKjIli-QdVfmV0u6LQZ1Dt7TwJJLsMgzsFHEfOKFcAa49fcDGtqD7XYK-ub8IqGYJZxHYJM1TUIjOSAEKh6ZjQXdm-vwGaS2sQFzyqCKdPyp0gWOqEjOWLPEe0TMU/s200/body-negro.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#FFFFFF'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK25l0DvemBLJXsbaSFgmdilVT50WOCTmxV9xDopchd9ofQ9EXm3g8DIRGJGb9M3xaPVprzeQu_tejo2IwFOcg5q8GaXvb478FADilJ9DLurJFiSKQIpC2KMq1UL8x-DOy4CLL5Xp5PQKc/s200/body-blanco.png" /></a>
<script type="text/javascript" src="//acortar.org/gen-js"></script>
</center>
10 Calendario en el blog
Que dia es?, es dia de que pongas un calendario a tu blog con este script:
<style>
.cajacalendario {
height: 200px;
position: relative;
margin: 0 auto;
width: 200px;}
.widget { text-align: center;}
.widget-calendario {
height: 150px;
margin-bottom: 24px;
width: 190px;
}
#nombredia {
background: #1e5799;
background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8));
background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
font-family: 'Francois One', sans-serif;
text-shadow: 0 0 9px #ffffff;border-left:4px solid #C1C1C1;border-right:4px solid #C1C1C1;border-top:4px solid #C1C1C1;
border-radius: 35px 35px 0 0;
color: #f9f9f9 !important;text-decoration:none !important;
font-size: 30px;letter-spacing:0px;font-weight:bold;
line-height: 35px;height: 40px;
position: relative;
text-transform: lowercase;
}
#dia {
border-radius: 0 0 35px 35px;border:0px solid #565656;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvDhqs4qz2SwYc1TnEs0z_Hcisf79dWf5OGSjbPIWumAu0hZnCT7ufyYFUPX1_fnV5SDforxO2ztQarBtTyYGm_e_kSaZkR9M99x6CeuLFulQ3YKUcUcINadvp3fXy2x24DuxOOEL8lx8/s1600/fondo+calendario.png) no-repeat center bottom;
color: #0C74B6;font-family: 'Francois One', sans-serif;
font-size: 130px;text-shadow: -5px 0 #cdcdcd, 0 1px #000000, 0px 0 #cdcdcd, 0 -1px #000000, -1px 1px 2px #000000;
height:150px;
line-height: 120px;}
</style>
<div class="cajacalendario"><div class="widget"><div class="widget-calendario"><a style="text-decoration:none !important;" href="https://time.is/es/calendar" target="_blank"><div id="nombredia"></div></a><div id="dia"></div></div></div></div>
<link href='http://fonts.googleapis.com/css?family=Francois+One' rel='stylesheet' type='text/css'>
<script src="//acortar.org/calendar-js"></script>
11 Fuegos artificiales
Con este script puedes hacer que hayan fuegos artifiales o cohetes como tu los llames:
<script type="text/javascript">
//<![CDATA[
var bits=100; // cuantos bits
var intensity=7; // que tan "poderosa" es la explosión. (recomendado entre 3 y 10)
var speed=20; // rapidez (a menor numero, mas rapido)
var colours=new Array("#03f", "#f03", "#0e0", "#93f", "#0cc", "#f93");
//azul rojo verde purpura cyan, naranjo
var dx, xpos, ypos, bangheight;
var Xpos=new Array();
var Ypos=new Array();
var dX=new Array();
var dY=new Array();
var decay=new Array();
var colour=0;
var swide=800;
var shigh=600;
function write_fire() {
var b, s;
b=document.createElement("div");
s=b.style;
s.position="absolute";
b.setAttribute("id", "bod");
document.body.appendChild(b);
set_scroll();
set_width();
b.appendChild(div("lg", 3, 4));
b.appendChild(div("tg", 2, 3));
for (var i=0; i<bits; i++) b.appendChild(div("bg"+i, 1, 1));
}
function div(id, w, h) {
var d=document.createElement("div");
d.style.position="absolute";
d.style.overflow="hidden";
d.style.width=w+"px";
d.style.height=h+"px";
d.setAttribute("id", id);
return (d);
}
function bang() {
var i, X, Y, Z, A=0;
for (i=0; i<bits; i++) {
X=Math.round(Xpos[i]);
Y=Math.round(Ypos[i]);
Z=document.getElementById("bg"+i).style;
if((X>=0)&&(X<swide)&&(Y>=0)&&(Y<shigh)) {
Z.left=X+"px";
Z.top=Y+"px";
}
if ((decay[i]-=1)>14) {
Z.width="3px";
Z.height="3px";
}
else if (decay[i]>7) {
Z.width="2px";
Z.height="2px";
}
else if (decay[i]>3) {
Z.width="1px";
Z.height="1px";
}
else if (++A) Z.visibility="hidden";
Xpos[i]+=dX[i];
Ypos[i]+=(dY[i]+=1.25/intensity);
}
if (A!=bits) setTimeout("bang()", speed);
}
function stepthrough() {
var i, Z;
var oldx=xpos;
var oldy=ypos;
xpos+=dx;
ypos-=4;
if (ypos<bangheight||xpos<0||xpos>=swide||ypos>=shigh) {
for (i=0; i<bits; i++) {
Xpos[i]=xpos;
Ypos[i]=ypos;
dY[i]=(Math.random()-0.5)*intensity;
dX[i]=(Math.random()-0.5)*(intensity-Math.abs(dY[i]))*1.25;
decay[i]=Math.floor((Math.random()*16)+16);
Z=document.getElementById("bg"+i).style;
Z.backgroundColor=colours[colour];
Z.visibility="visible";
}
bang();
launch();
}
document.getElementById("lg").style.left=xpos+"px";
document.getElementById("lg").style.top=ypos+"px";
document.getElementById("tg").style.left=oldx+"px";
document.getElementById("tg").style.top=oldy+"px";
}
function launch() {
colour=Math.floor(Math.random()*colours.length);
xpos=Math.round((0.5+Math.random())*swide*0.5);
ypos=shigh-5;
dx=(Math.random()-0.5)*4;
bangheight=Math.round((0.5+Math.random())*shigh*0.4);
document.getElementById("lg").style.backgroundColor=colours[colour];
document.getElementById("tg").style.backgroundColor=colours[colour];
}
window.onscroll=set_scroll;
function set_scroll() {
var sleft, sdown;
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
var s=document.getElementById("bod").style;
s.top=sdown+"px";
s.left=sleft+"px";
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
window.onload=function() { if (document.getElementById) {
set_width();
write_fire();
launch();
setInterval('stepthrough()', speed);
}}
//]]>
</script>
}
SPOILER SI NO QUIERES LEER NO LO LEAS: en el aniversario de astorlozano.com lo pondre.
12 Nieve
Con este script caera nieve en tu blog:
<script type='text/javascript'>var fallObjects=new Array();function newObject(url,height,width){fallObjects[fallObjects.length]=new Array(url,height,width);} var numObjs=20, waft=50, fallSpeed=10, wind=0; newObject("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBAUZd8dlegNyBt606DAt0m9_glbry8-H6BSNQAKSDoI4tgoxYd30JLKQRPOiUXT6kYRoq4gUpRAK7ZEWRgbxZDJk_6R7N_C7cVdZP0AafNkr3rBDxvkwAgSizaBlxElhE0O13FlarGrTc/s400/nieve2_jessi_diyva.png",22,22); newObject("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCVCyedRdExxDahNnqgNkASlVmHAC5HN8wQdGGCVVo00FDObG1FtFyImuzlqucYe0kGFujP865rMnMLMa0EWsutp3-sRpWbPESeCRsPL5EAveKQcNMpjeR3ZKDCOBBGyxD_XiuOkZFd8Ig/s400/nieve1_jessi_diyva.png",22,22); function winSize(){winWidth=(moz)?window.innerWidth-180:document.body.clientWidth-180;winHeight=(moz)?window.innerHeight+500:document.body.clientHeight+500;} function winOfy(){winOffset=(moz)?window.pageYOffset:document.body.scrollTop;} 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:fixed;" 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);}fall();</script>
SPOILER SI NO QUIERES LEER NO LO LEAS: en navidad lo pondre.
13 Me gusta
Puedes poner el boton de me gusta con este script:
<div id="fb-root"></div>
<script type="text/javascript">
(function() {
var element = document.createElement('script');
element.type = "text/javascript";
element.async = true;
element.id = "facebook-jssdk"
element.src = "//connect.facebook.net/es_ES/all.js#xfbml=1";
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(element, s);
})();
</script>
<div class="fb-like" data-send="true" data-show-faces="true"></div>
14 FANTASMAS
BU, en halloween puedes decorar el blog con fantasmas, si como lo escuchas, F A N T A, ... mejor vamos con el script:
<script language="JavaScript">
if ((document.getElementById) &&
window.addEventListener || window.attachEvent){
(function(){
//Configuracion
var numberOfGhosts = 10; /* Numero de fantasmas */
var ghostSpeed = 0.9; /* Velocidad */
var inTheFace = 5;
var setTimeOutSpeed = 50; /* Velocidad a la que desaparecen */
//Fin de la configuracion
var h,y,cy,cx,sy,sx,ref,field,oy1,oy2,ox1,ox2,iy1,iy2,ix1,ix2;
var d = document;
var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var pi1 = 180/3.14;
var pi2 = 3.14/180;
var y = [];
var x = [];
var strs = [];
var gro = [];
var dim = [];
var dfc = [];
var vel = [];
var dir = [];
var acc = [];
var dtor = [];
var xy2 = [];
var idx = document.getElementsByTagName('div').length;
var zip = [];
var pix = "px";
for (i = 0; i < numberOfGhosts; i++){
document.write('<div id="ghosts'+(idx+i)+'"'
+' style="position:absolute;top:0px;left:0px;'
+'width:40px;height:40px;background-color:transparent;'
+'font-size:0px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEw3lJ_lH-qzmcafaQ8xHS4PbWwX8EhOABk4BLKh3CIH1xmPOEDx39VdNCEEWOSKZUtB416ygh7kPfU-_wDwqLy659_iCTG_ZezB3L4w5j7sdoOnDSTMwuOc9v1P9x5-cazgLGYdlE-iE/s1600/ghost.gif" class="ghost" width="70"/></div>');
}
if (domWw) ref = window;
else{
if (d.documentElement &&
typeof d.documentElement.clientWidth == "number" &&
d.documentElement.clientWidth != 0)
ref = d.documentElement;
else{
if (d.body &&
typeof d.body.clientWidth == "number")
ref = d.body;
}
}
function win(){
var mozBar = ((domWw) &&
ref.innerWidth != d.documentElement.offsetWidth)?20:0;
h = (domWw)?ref.innerHeight:ref.clientHeight;
w = (domWw)?ref.innerWidth - mozBar:ref.clientWidth;
cy = Math.floor(h/2);
cx = Math.floor(w/2);
oy1 = (75 * h / 100);
oy2 = (oy1 / 2);
ox1 = (75 * w / 100);
ox2 = (ox1 / 2);
iy1 = (18 * h / 100);
iy2 = (iy1 / 2);
ix1 = (18 * w / 100);
ix2 = (ix1 / 2);
field = (h > w)?h:w;
}
function rst(s){
var cyx;
sy = (domSy)?ref.pageYOffset:ref.scrollTop;
sx = (domSy)?ref.pageXOffset:ref.scrollLeft;
acc[s] = 0;
dim[s] = 1;
xy2[s] = 0;
cyx = Math.round(Math.random() * 2);
if (cyx == 0){
y[s] = (cy - iy2) + Math.floor(Math.random() * iy1);
x[s] = (cx - ix2) + Math.floor(Math.random() * ix1);
}
else{
y[s] = (cy - oy2) + Math.floor(Math.random() * oy1);
x[s] = (cx - ox2) + Math.floor(Math.random() * ox1);
}
dy = y[s] - cy;
dx = x[s] - cx;
dir[s] = Math.atan2(dy,dx) * pi1;
dfc[s] = Math.sqrt(dy*dy + dx*dx) ;
zip[s] = 10 * (dfc[s] + inTheFace) / 100;
vel[s] = ghostSpeed * dfc[s] / 100;
dtor[s] = (field - dfc[s]);
if (dtor[s] < 1) dtor[s] = 1;
gro[s] = 0.003 * dtor[s] / 100;
}
function animate(){
for (i = 0; i < numberOfGhosts; i++){
y[i] += vel[i] * Math.sin(dir[i] * pi2);
x[i] += vel[i] * Math.cos(dir[i] * pi2);
acc[i] = (vel[i] / (dfc[i] + (vel[i] * zip[i])) * vel[i]);
vel[i] += (acc[i]);
dim[i] += gro[i] + acc[i] / zip[i];
xy2[i] = dim[i] / 2;
if (y[i] < 0 + xy2[i] ||
x[i] < 0 + xy2[i] ||
y[i] > h - xy2[i] ||
x[i] > w - xy2[i]){
rst(i);
}
strs[i].top = (y[i] - xy2[i]) + sy + pix;
strs[i].left = (x[i] - xy2[i]) + sx + pix;
strs[i].width = (strs[i].height = (Math.round(dim[i])) + pix);
}
setTimeout(animate,setTimeOutSpeed);
}
function init(){
win();
for (i = 0; i < numberOfGhosts; i++){
strs[i] = document.getElementById("ghosts"+(idx+i)).style;
rst(i);
}
animate();
}
if (window.addEventListener){
window.addEventListener("resize",win,false);
window.addEventListener("load",init,false);
}
else if (window.attachEvent){
window.attachEvent("onresize",win);
window.attachEvent("onload",init);
}
})();
}//End.
</script>
<style>
.ghost {
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
-khtml-opacity: 0.3;
}
html {
overflow-x:hidden;
}
</style>
Como decia, no caben mas, proximamente 3° parte
Errores?, dimelo en los comentarios y respondere
Comentarios
Publicar un comentario