Sonidos de Navidad al entrar al blog

14 de diciembre de 2014 53 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.mp3",
"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.


53 comentarios en:

" Sonidos de Navidad al entrar al blog "

  1. Bueno, pues aunque a mi no me hace demasiada gracia lo de la musiquita, sé de alguien a la que le va a encantar, así que voy a decírselo para que le eche un vistazo a esto.Precisamente esta mañana me ha enviado un correo para preguntarme si yo sé de algo así.

    Gracias Potro.
    Un abrazo

    ResponderEliminar
    Respuestas
    1. Gracias a ti por la recomendación Andaira, ¡buen inicio de semana!

      Eliminar
    2. ME PARECE EXCELENTE YO HIZE MI BLOG CON LOS TUTORIALES DEL POTRO Y ME SALIO BIEN YO CREO,GRACIAS POR SUS TUTORIALES

      Eliminar
    3. Pueden descargar gratis canciones sin derechos de autor navideñas para móviles de esta web: http://www.locutortv.es/musicalibredederechos.htm . Son las canciones que utilizo en mi web de poemas http://www.amorypoesia.es

      Eliminar
  2. Hola potro te e dejado un comentario en el link de abajo, un saludo y feliz navidad.

    http://www.ciudadblogger.com/2012/10/nueva-configuracion-de-dominios-en-blogger-y-poder-entrar-sin-www.html

    ResponderEliminar
  3. Gracias, siempre se aprende algo. Felices fiestas

    ResponderEliminar
    Respuestas
    1. Gracias a ti por tu visita, ¡felices fiestas!

      Eliminar
  4. muchas gracias muy bonito para estas fechas,felices fiestas ;)

    ResponderEliminar
  5. Esta bueno!!!! Gracias por el aporte.

    ResponderEliminar
  6. Hola potro, soy nuweva en esto de los blogs no encuentro la parte en la que dice body me podrías ayudar? me ha parecido bastante bueno tu blog

    ResponderEliminar
    Respuestas
    1. Gracias. Sólo da un click dentro del área de los códigos, luego presiona las teclas CTRL + F y busca el código que necesitas. Es importante dar ese primer click para que se abra el buscador del editor, de lo contrario se mostrará el buscador del navegador y ese no será capaz de encontrar nada.

      Eliminar
  7. Hola Potro, una pregunta.

    Cuando busco en google mi web, me sale esto: http://2.bp.blogspot.com/-Hyo-GKmJpNI/VJAGbA5ZgEI/AAAAAAAAAi0/I_P2i4eJPr8/s1600/Sin%2Bt%C3%ADtulo-1.jpg

    Porque me sale esa descripción y no me sale la descripción que yo tengo en mi web?
    Como puedo cambiarlo para que me salga la descripción que tengo en la meta descripcion?

    Gracias y un saludo.

    ResponderEliminar
    Respuestas
    1. Hola, asegúrate de que tu plantilla tenga metatags. Toma en cuenta que Google no siempre muestra la descripción que agreguemos, algunas veces mostrará el texto de una entrada o el texto de alguna parte de la plantilla, eso depende de Google.

      Eliminar
  8. Respuestas
    1. Es únicamente para la versión web debido al reproductor que utiliza.

      Eliminar
    2. LOS VILLANCICOS NAVIDEÑOS TIENE DERECHOS DE AUTOR???

      Eliminar
  9. Sabes, me gusto el blog de pruebas con el estilo muy navideño, te quedo muy guay. y la precisión de colocar la estrellita al pino !! Podrías compartir como o hiciste ya que no se mira nada mas que la imagen y el texto de feliz navidad, y me gustaría hacer eso en mi blog como una landinpage. Lo pensé y imagine que seria como la redirección de una pagina 404 pero creo va mas aya de. . .

    ResponderEliminar
    Respuestas
    1. En realidad lo he tomado de Google, si buscas "Navidad" verás la imagen de los árboles con la estrella, en el código fuente verás los estilos que se han aplicado.
      En el caso del blog de pruebas no tiene nada, sidebar, entradas, nada, es una página sin nada a la que sólo le he puesto esas imágenes y el texto.

      Eliminar
    2. aaa vale, osea que esa plantilla del blog de pruebas no es del diseñador de blogger. o como hago para eliminar la sidebar y todo eso que dices.

      Eliminar
    3. No, no es del Diseñador, pero puedes tomar cualquier plantilla e ir eliminando los elementos que no quieras que se muestren.

      Eliminar
  10. Jajajaja, que lindos sonidos, gracias!

    ResponderEliminar
  11. Hola Potro, tengo que reconocer que no tengo mucho espíritu navideño, no son unas fiestas que me gusten mucho, más bien es todo lo contrario, pero entiendo que son fechas entrañables para mucha gente y si a alguien le apetece poner musiquilla en el blog, o decorarlo o poner un cursor con motivos navideños, me parece estupendo y , ahí estás tú, para enseñar como hacerlo, seguro que es algo que gustará a mucha gente y te lo agradecerán mucho
    Yo también te doy las gracias aunque no lo ponga, jejejeje, y te deseo, de corazón, unos días en los que puedas disfrutar de la gente que quieres y que te quiere.
    Muchos besos

    ResponderEliminar
    Respuestas
    1. Gracias ♥ Ana. No sé si celebres o no estas fechas, pero de cualquier manera deseo que te la pases estupendo (haciendo o no haciendo nada) y que continúes con esa sazón en tus platillos que se ve que están para chuparse los dedos.
      El doble de besos para ti.

      Eliminar
  12. AMIGO POTRO ,TE PREGUNTO ALGO? NO SI SE SE PUEDA,PERO MI PLANTILLA NAVIDEÑA NO TIENE EL ANCHO AL 100% EN TODOS LOS MONITOS ,ME DICEN Q ES POR LA PLANTILLA,HAY ALGUNA MANERA DE SOLUCIONAR ELLO.

    GRACIAS POR TU RESPUESTA DE ANTEMANO, FELIZ NAVIDAD :3

    ResponderEliminar
    Respuestas
    1. Hola KARLOSNUN, no tengo una entrada sobre convertir las plantillas a "responsive", pero básicamente se trata de que el contenedor general le pongas no un ancho fijo sino un ancho máximo, es decir, que si tu ancho es width: 980px lo cambies a max-width: 980x y luego los contenedores de las entradas y sidebar cambies su ancho en pixeles por un ancho en porcentajes.
      Me imagino que en Google debe haber un par de tutoriales al respecto, seguro ahí encontrarás información más detallada sobre el tema.

      Feliz Navidad para ti también.

      Eliminar
  13. Hola. Mi consulta no tiene nada que ver con este post, pero necesito ayuda :(. Mi problema es con el lightbox de blogger, cambie de plantilla, que no es de blogger, y ya no me aparece y esta activado. Si pudiera ayudarme se lo agradecería muchísimo. Este es mi blog si lo quiere mirar: tooumusic.blogspot.com MUCHAS GRACIAS!. Sigo ciudad blogger hace años, es genial.

    ResponderEliminar
    Respuestas
    1. Hola Edgar, busca esta parte de tu plantilla:
      <article class='post kite wow animated'

      Ese fragmento cámbialo por esto:
      <article class='post kite wow animated post-body'

      ¡Saludos y gracias por seguirnos!

      Eliminar
    2. Muchas gracias por su tiempo y disculpe las molestias.
      Hice lo que me dijo, pero no me aparece la palabra animated'. Esto es lo único parecido que me aparece: .
      Cambie desde <article class='post kite wow' con el ultimo fragmente que me dijo, pero sigue sin funcionar. Lo único que me aparece con animated' al final es esto: <a class=' bounceInUp animated'. Qué puedo hacer? :/. Disculpe.

      Eliminar
    3. Con esa debería funcionar... el problema con las plantillas muy personalizadas es que podrían no incluir códigos que Blogger necesita para que puedan funcionar ese tipo de elementos. Si habiendo hecho ese cambio no funciona tendrás que consultar con el autor del blog, o bien, considerar usar un Lightbox propio, como Shadowbox.

      Eliminar
    4. Aw, igual MUCHAS GRACIAS!... Siempre ayudando. Intentare usar el shadowbox. Muchisimas gracias por su tiempo :)

      Eliminar
  14. Desde O Lar dos Pitufos os deseamos felices fiestas y lo mejor para el próximo año!!

    https://www.youtube.com/watch?v=VuLEezehjY4

    PITUFI-BESOS!! :-)

    ResponderEliminar
  15. Hola Potro, simplemente pasaba a felicitarte las fiestas y a darte las gracias por tus ayudas.

    Mis mejores deseos para estos días (y para el resto del año, claro! ☺)

    Un abrazo
    ❊..(
    ✿.(,)
    ❊|::::|.☆¸.¤ª“˜¨
    ✿|::::|)/¸.¤ª“˜¨˜“¨
    ❊|::¸.¤ª“˜¨¨˜“¨
    ✿%¤ª“˜¨¨FELIZ
    ❊#ª“˜¨ NAVIDAD
    ▓▒░▓▒░▓▒░▓▒░▓▒░

    ResponderEliminar
    Respuestas
    1. Muchísimas gracias Andaira, ¡feliz Navidad!

      Eliminar
  16. Hola amigo, como andas?

    A lo mejor no te acordaras de mi, pero yo si muy bien de ti xDD. Siempre leo tus nuevas entradas pero tenia ya hace rato que no comentaba una xD.
    Esta vez no es para pedirte ayuda de algo ni de nada, si no vas bien para darte las ¡Gracias!, asi es amigo, Gracias, por toda tu ayuda hacia mi.

    Hoy porfin puedo decir que soy algo asi como un "Blogger" xD. Ya tengo 2 DOMINIOS que he comprado, ya mis blogs me han empezado a generar algo, no se si te acordaras de el mio osea uno es ZONARUTOPPUDEN y el otro es www.OtakuNews.moe :)

    Poco a poco he ido surgiendo, como veras el ZONARUTOPPUDEN es un blog warez (antes ni conocia este termino ni nada xD) como sabras algun dia me lo eliminaran, por eso muy pronto dejare la plataforma Bloger y me mudare con un hosting offshore a Wordpress. Pero mi otro blog seguira en Blogger xDD

    Ya he empezado a generar con Adsense algo cada dia, no es mucho pero poco a poco llegare al minimo xDD. Todo esta en la paciencia y SI, SI SE PUEDE AMIGOS! Tengan Fe xD

    Asi que hoy amigo, te doy las gracias por todo, sin ti hoy no estuviera donde estoy, soy 100% fans de este blog. Gracias por todo lo que haces wey.

    Saludos y Feliz Navidad y Prospero Año 2015 :)

    ResponderEliminar
    Respuestas
    1. Jejeje de nuevo yo, esto si tiene que ver con esta entrada xD.

      En el segundo sonido que tienes puesto que "jingle bells" que tienes como url esta [https://sites.google.com/site/ciudadbloggercom/home/jingle_bells.mp] veras que le hace falta el 3 al final para que asi el iframe lo pueda reproducir xD.

      Saludos :)

      Eliminar
    2. Hola KaRpOl Uzumaki, por supuesto que me acuerdo de ti :)
      Muchas gracias por tomarte el tiempo para comentar. Ojalá esos ingresos con AdSense sean cada vez más. No te desanimes, al inicio se tarda un poco pero con el tiempo los ingresos irán subiendo, ya verás ;)

      Gracias por mencionar el error, ya lo he corregido.
      Saludos y feliz año!!!

      Eliminar
  17. Hola potro , hace algun tiempo que leo tus posts , y son muy buenos , me gustaria poder hacerte alguna preguntilla sobre blogeer
    Hace aproximadamente un año cree un blog de quinielas reducidas , ahora tengo una media de unas 100 visitas diarias , tengo colocada publicidad de adsence y esto me genera no mas de 4 euros mensuales , mis preguntas son: Ahi alguna forma de conseguir mas ganancias sin romper las condiciones de adsence ? se puede crear un formulario de registro en blogeer para ofrecerle algo solo a usuarios registrados?
    Espero no estar abusando de ti , GRACIAS de antemano

    ResponderEliminar
    Respuestas
    1. Hola oscar, AdSense no es lo mismo para todos, a algunos les funciona bien ciertas posiciones o ciertos colores, a otros no. Cada caso es único y sólo podrás saber qué te genera más dinero experimentando, cambiando de anuncios, posición, colores, etc. Aquí no hay regla que se aplique para todos así que habrá que probar todas las variantes que se te ocurran.

      Eliminar
  18. potro como le pongo leer mas a mi blog con este nuevo diseño

    ResponderEliminar
    Respuestas
    1. ¿Te refieres a la "nueva" interfaz? de la misma manera, los pasos son los mismos.

      Eliminar
  19. hola potro, quería preguntarte si tienes algún tutorial donde expliques como hacer que las etiquetas se muevan así como las de este blog: http://laisladelosblogs.blogspot.com.es
    saludos n.n/

    ResponderEliminar
    Respuestas
    1. Hola Mile Acero, aquí hay una entrada sobre ello:
      http://www.ciudadblogger.com/2009/04/nube-de-etiquetas-en-movimiento.html

      Eliminar
  20. Hola Potro, ¿cómo puedo activar este código con un enlace? Es decir, pulsar un boton (link) y que se active el codigo.
    P.D.: Gracias por todos tus post. Internet es mejor gracias a CB. :)

    ResponderEliminar
  21. Respuestas
    1. Perdón por la demora Iker cia pero estaba sin computadora :(
      Con este código no. Me parece que en esos casos es mejor poner un modesto y sencillo reproductor para que el usuario decida si escucha la música o no.
      Un abrazo y nuevamente discúlpame la tardanza en responder.

      Eliminar
  22. Hola muy bueno y útil, te felicito, no puedes darme otra música que no sea navidad, me encantaría...Graciassss

    ResponderEliminar
  23. ¡Hola Potro! primero que todo saludos,te escribo porque he visto fechas actuales en comentarios ,no sé si son actualizaciones,o si estás respondiendo a preguntas.Si es el caso,necesito una ayuda,ya casi no hay a quien acudir para los que empezamos con plantillas mínimas,y seguimos con ellas.
    Quizás para ti no sea nada raro,para mi es rarísimo.Me puse hace días a cambiarle ciertas cosas al blog,le quite el fondo para hacerle otro,le cambie la posición a las entradas ,o sea trastee el código.A medida de los cambios,todo iba saliendo bien,tuve otras cosas que hacer,y lo deje hasta ahí.Hoy entre ,y me sorprendió dos comentarios para moderación, en realidad no recibo comentarios,pero como esto lo hago porque me gusta y cuando tengo momentos de ocio,no me preocupa,ni me molesta que no comenten.El punto es qué,cuando entre a los comentarios ,los dos me parecieron iguales,escojo el que me pareció mas consono,y lo publique,he iba a contestar,pero la entrada no me sale.La verdad no sé si fue algo que hice en el código,pero ahora no me salen los títulos en ciertas entradas y la entrada en si,en la cual recibí el comentario,yo no la veo,no sale.Disculpa la explicación tan larga,y si estas dando respuestas te mando el titulo a ver si me puedes ayudar:sagitarioxii.blogspot.com...Gracias por ayuda que me puedas brindar.No sé donde comentar,busqué los comentarios donde vi la fecha más actualizada...Gracias.PD:y el titulo del post..
    Hacer Que Te Respeten Los Demás.

    ResponderEliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger