Sonidos de Navidad al entrar al blog

14 de diciembre de 2014 24 comentarios ,

A medida que los días pasan el espíritu de la Navidad se siente cada vez más, es por eso que en estas fechas procuramos tener algunas decoraciones de Navidad para el blog y así puedas poner tu blog al tono de la temporada decembrina.

Tal es el caso de lo que veremos en esta entrada, un pequeño código para que cuando entremos al blog se reproduzca un sonido navideño.
Son 7 sonidos de corta duración entre los cuales se incluye la famosa risa de Santa Claus (Papá Noel), y algunas melodías representativas. El demo puedes verlo en este blog de pruebas, al entrar escucharás un sonido, y al recargar la página se reproducirá otro sonido al azar.

Para poner estos sonidos de Navidad en tu blog, entra en Plantilla | Edición de HTML y antes de </body> pega el siguiente código:

<script>
//<![CDATA[
// Sonidos de Navidad
// www.ciudadblogger.com
var mp3 = [
"https://sites.google.com/site/ciudadbloggercom/home/campanas_de_navidad.mp3",
"https://sites.google.com/site/ciudadbloggercom/home/jingle_bells.mp",
"https://sites.google.com/site/ciudadbloggercom/home/noche_de_paz.mp3",
"https://sites.google.com/site/ciudadbloggercom/home/risa_papa_noel.mp3",
"https://sites.google.com/site/ciudadbloggercom/home/sugar_plum.mp3",
"https://sites.google.com/site/ciudadbloggercom/home/we_wish_you.mp3",
"https://sites.google.com/site/ciudadbloggercom/home/villancico.mp3"
];

var ran_unrounded = Math.random()*mp3.length;
var ran_number = Math.floor(ran_unrounded);

document.write('<iframe style="width:0;height:0;" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/google-audio.xml&up_MP3='+mp3[ran_number]+'&up_START=Yes" allowTransparency="true" frameborder="0" scrolling="no"></iframe>');
//]]>
</script>

Guarda los cambios y listo. Recuerda que los sonidos se reproducen aleatoriamente, así que no te preocupes si escuchas que alguno se repite varias veces.




Cursor para el blog con motivos navideños

5 de diciembre de 2014 60 comentarios ,

Esta es la excusa perfecta para hacer rabiar al Grinch con este cursor que al moverlo desprende motivos navideños por su paso.
Esferas, muñecos de nieve, botas, regalos, son algunas de las pequeñas imágenes que aparecen en el blog cuando este cursor está en movimiento.

El demo puedes verlo aquí mismo, al mover el cursor aparecerán objetos de Navidad que desaparecerán sutilmente.

Los encargados de esta curiosidad son nuevamente el equipo de Giffy, y le dará a tu blog ese toque festivo que ya se siente en el ambiente.

Para poner este cursor con motivos navideños en tu blog entra en Plantilla | Edición de HTML y antes de </body> pega el siguiente código:

<!-- Cursor de Navidad -->
<div style='display:none'><script type="text/javascript" src="http://blogparts.giffy.me/0035/parts.js"></script><p style="text-align: center;margin:0;padding:0;"><a href="http://giffy.me/"><img style="border:0;" src="http://blogparts.giffy.me/0035/parts.png" alt="クリスマスの足跡ブログパーツ" /></a></p><p style="text-align:center;font-size:12px;margin:10px 0 0 0;padding:0;">[PR] <a href="http://typing.twi1.me/" rel="nofollow">無料で面白タイピング!</a></p></div>

Guarda los cambios y listo. Una vez que se te haya pasado el espíritu de la Navidad elimina el código y el cursor se habrá ido.
Si buscas algo más discreto entonces quizá te interesen estos cursores de navidad.

 
Ir Arriba Ir Abajo
I Ciudad Blogger