COMO SUBIR UN VIDEO

MURCIELAGOS   VOLANDO 

TOMADO DE CIUDADBLOGGER.COM

<script type='text/javascript'>
//<![CDATA[
/***********************************************
* Murciélagos volando por el blog
* Script original de Virtual_Max
* Adaptado por ciudadblogger.com
***********************************************/

var vmin=2;
var vmax=5;
var vr=2;
var timer1;

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function Chip(chipname,width,height){
this.named=chipname;
this.vx=vmin+vmax*Math.random();
this.vy=vmin+vmax*Math.random();
this.w=width+20;
this.h=height;
this.xx=0;
this.yy=0;
this.timer1=null;
}

function movechip(chipname){
if (document.getElementById){
eval("chip="+chipname);
if (window.innerWidth || window.opera){
pageX=window.pageXOffset;
pageW=window.innerWidth-40;
pageY=window.pageYOffset;
pageH=window.innerHeight-20;
}
else if (document.body){
pageX=iecompattest().scrollLeft;
pageW=iecompattest().offsetWidth-40;
pageY=iecompattest().scrollTop;
pageH=iecompattest().offsetHeight-20;
}

chip.xx=chip.xx+chip.vx;
chip.yy=chip.yy+chip.vy;
chip.vx+=vr*(Math.random()-0.5);
chip.vy+=vr*(Math.random()-0.5);
if(chip.vx>(vmax+vmin)) chip.vx=(vmax+vmin)*2-chip.vx;
if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;
if(chip.vy>(vmax+vmin)) chip.vy=(vmax+vmin)*2-chip.vy;
if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;
if(chip.xx<=pageX){
chip.xx=pageX;
chip.vx=vmin+vmax*Math.random();
}
if(chip.xx>=pageX+pageW-chip.w){
chip.xx=pageX+pageW-chip.w;
chip.vx=-vmin-vmax*Math.random();
}
if(chip.yy<=pageY)
{chip.yy=pageY;
chip.vy=vmin+vmax*Math.random();
}
if(chip.yy>=pageY+pageH-chip.h)
{chip.yy=pageY+pageH-chip.h;
chip.vy=-vmin-vmax*Math.random();
}

document.getElementById(chip.named).style.left=chip.xx+"px";
document.getElementById(chip.named).style.top=chip.yy+"px";
chip.timer1=setTimeout("movechip('"+chip.named+"')",100);
}
}

function pagestart(){
murcielago1=new Chip("murcielago1",147,168);
murcielago2=new Chip("murcielago2",47,68);
murcielago3=new Chip("murcielago3",47,68);
murcielago4=new Chip("murcielago4",47,68);

movechip("murcielago1");
movechip("murcielago2");
movechip("murcielago3");
movechip("murcielago4");
}

if (window.addEventListener)
window.addEventListener("load", pagestart, false)
else if (window.attachEvent)
window.attachEvent("onload", pagestart)
else if (document.getElementById)
window.onload=pagestart
//]]>
</script>

Ahora antes de </body> pega este código:

<!-- Murciélagos volando -->
<div id='murcielago1' style='position:absolute; z-index:80; left: -500px; width:125px; height:108px;'>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-4tv3VtpNDeOUDKvpOnJwEFhWD228BoialG2Kxv4tvOtOP5ThnwoBYINcmXZq4i6H6ESitv4CS8FIaDOcxKsLE-ap5gqeZqWOQs5mvKfry8HesW98BCKJLyAD5fMKCiF0HT_J_FRHKRo/s125/murcielago1.gif'/></div>
<div id='murcielago2' style='position:absolute; z-index:81; left: -600px; width:120px; height:99px;'>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz2NmbScAT8rh56AaSNUCyrvfl_79jIC8Z_ZzvykYC2jguzZBUuBm08XkUzGSLf4riCs-LnU8XsNv2ZaKMpTsL41pvq5D16ZD0RkzRjuyEs9rRYgahYxjBQKRF3oCRmdTaD8uI3qu9g6E/s120/murcielago2.gif'/></div>
<div id='murcielago3' style='position:absolute; z-index:82; left: -700px; width:160px; height:120px;'>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi-BpNkEjaZhenE6a4npioRnn3Pj3gNVPTXTHtAlXoI8-ykTdnHTLBbcmeLgrJdSkzL8iPCvBWMdbxjBZlBgnwRT5gQPI-1jX9W2FJKdYUoxj4pPt_ZJg3l40gQA62dNRb2zRXtMxw_5w/s160/murcielago3.gif'/></div>
<div id='murcielago4' style='position:absolute; z-index:83; left: -800px; width:106px; height:85px;'>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu_rpSa8dTw2nhSrCxaNF6rkRw3-dHugNTxrW4T4cVHNogYtosdosGbz5Vf8n88pcc-eDnCnJUdf4ivahIhQ22VtyAAjsmEVthaOlmOBczl3cO_ZO7Qu1ARaumqThglZz1e8Koul_pIkk/s106/murcielago4.gif'/></div>
<!-- Fin de los murciélagos -->

Eso es todo; es una forma sencilla de decorar el blog para la próxima noche de brujas. Combinado con los sonidos de Halloween seguro le darán un ambiente de terror a tu blog.



TOMADO DE :  ciudadblogger.com

Hemos visto algunas maneras de poner nieve en el blog, ésta en particular me parece atractiva dado que no necesitamos usar scripts, sólo CSS y tres pequeñas imágenes. La idea es de Joshua Johnson y puedes ver el demo en este blog de pruebas.

Una ventaja de éste método es que al no utilizar scripts no sobrecargamos el blog, la desventaja es que usuarios con navegadores no modernos no podrán verlo (en Internet Explorer funciona de la versión 10 para arriba).
La nieve caerá en el fondo del blog, no encima de él, lo cual además de evitar que se obstruyan enlaces y contenido (porque los copos son imágenes), evitará también que se obstruya la visibilidad del contenido del blog.

Para poner esta nieve en el fondo de tu blog entra en Plantilla | Edición de HTML y antes de
]]&gt; pega esto:

http://navidad-blogger.blogspot.com/

/* Nieve en el fondo del blog
----------------------------------------------- */
@keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-moz-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-webkit-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-ms-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

#contenedor-nieve {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZUxYbf4pWWbV7hGx7UB0pRm3NJmE5yGog9_FPMjkJ5VGzHLXKy8J8aAYWL5iIMZHxVNXUHWCdOqX8MUtCJP3rNz4LjuajWA5aa5h2k5RoRMRDiLScnriHfk8vnHtCHz37ZLqC_kvKVdw/s500/snow.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpfFKqOcYT6gVDMYIevn-11mbSOLb0rJ02qpuKlNPevpbu58vpJ_ybGW11gWD2XYjghlnQfmCernSM7pwxmldRVpdx3aLQSwtrSwSuhb8XU-0P9L3vuUnFG0LukmW_BN3D_olLMvYcmPg/s400/snow3.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDmv9U2rccWDm2EaV-INy8lr-iyk8UNjcsXThTfmTKCluR9G8xpUBVWxzHMEAtHUK4KTmalxsyeOrflnyrUWvP96d27Ue6EcWJ7tWdOgIoNzU1SfcKOw89Bjel7ukP3ws64QsiL-ASz3k/s300/snow2.png);
-webkit-animation: snow 20s linear infinite;
-moz-animation: snow 20s linear infinite;
-ms-animation: snow 20s linear infinite;
animation: snow 20s linear infinite;
}

Ahora busca la etiqueta <body> o esta línea:

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

Y debajo de cualquiera de las dos agrega esto:

<div id='contenedor-nieve'>

Por último busca la etiqueta </body> y arriba de ella agrega:

</div>

Guarda los cambios y listo.

Como puedes apreciar es un método sencillo, fácil de instalar, no obstruye el contenido del blog, y lo mejor es que no tiene nada de scripts, sólo bondades del CSS y nada más.

Si prefieres un método que no sea en el fondo del blog sino encima de él, y que funcione en todos los navegadores entonces estas dos opciones podrán servirte:

Nieve en el blog que se acumula al final de la página
Nieve en el blog

MAS TRUCOS
Tomados de: ciudadblogger.com

Santa Claus repartiendo regalos por el blog Zombies caminando en el blog sin scripts Hojas de otoño cayendo en el blog Listones para el blog de los Juegos Olímpicos (Londres 2012) Cursor con corazones que se desvanecen

PONER RELOJ

En este sitio podemos contrar codigos para ubicar nuestro reloj en el blogger, basta con copiar los codigos y ubicarlos como un gadget y listo

Queridos estudiante

A partir de ahora puede encontrar su calificaciones en este sitio, cualquier inquietud favor hacerme el comentario

GRADO 903
ACEVEDO PEÑA MARY JOHANA	4.9
ACEVEDO WILCHEZ BRIYID PAOLA	4
ANGARITA MORA LAURA LUCILA	4.5
BACCA ROPERO YASMIN	3.8
BUENAHORA BOCANEGRA DAYANNA	4.5
CACERES VILLAMIZAR CAMILA ANDREA	5
CAMARGO VALENCIA JULIETH KATERINE	4.5
CASTAÑEDA RUIZ JULIO FERNAN	4.8
CONTRERAS ORDOÑEZ JUAN DAVID	4.7
CONTRERAS BAUTISTA LEWIS GIANMARCO	4
CUADROS MARIÑO SARITHA DEL PILAR	5
ESCAMILLA PEÑA BIBIANA CAROLINA	4
GARCIA DIAZ YADIR ALEXIS	4.2
GARCIA HERNANDEZ MARIA DE LOS ANGELES	4.6
GONZALEZ NIÑO ERICK RONALDO	3.5
GOYENECHE IDROBO MARIA ALEJANDRA	5
HERNANDEZ VALDIVIESO ANGELICA MARIA	4.5
HIGUERA CARRERO KEVIN XAVIER	4.5
JAIMES CACERES MARYURI TATIANA	5
JIMENEZ BARRETO ADRIANA MARCELA	4
MADERO DUARTE JULIAN ANDRES	3.5
MANZANO MONCADA ESTEFANIA	4
MARIN CONTRERAS BEATRIZ NATALIA	4.2
MARTINEZ DIAZ GUILLERMO ALEXIS	4.8
MONTAÑEZ ORTEGA LEYDI TATIANA	5
OCHOA ROJAS BRESNY JANETH	3.5
POVEDA ZAMBRANO WILDER JULIAN	4.8
QUIROGA FAJARDO DUVAN ENRIQUE	3.8
QUIROGA MEDINA LIZBETH	3.6
RIVERA VELASQUEZ EDGAR ESTIVEN	3.8
SANDOVAL VELASCO SEBASTIAN	5
VELASQUEZ QUIROGA MARIA ALEJANDRA	4.3
VERGEL NIÑO ESLENDY	4.5
VILLAMIZAR JUAN CARLOS	4.3
VILLEGAS PLATA RUMUALDO	4

Ver tarjeta

¡Envía y comparte!

Ejemplo:

http://ciudadblogger-paginas.blogspot.com/p/menu-tipo-acordeon.html
TUTORIAL PARA APRENDER A UTILIZAR DROPBOX
VER
http://ciudadblogger.com/2010/04/como-usar-dropbox.html