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.
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.
Ciudad Blogger
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í.
ResponderEliminarGracias Potro.
Un abrazo
Gracias a ti por la recomendación Andaira, ¡buen inicio de semana!
EliminarME PARECE EXCELENTE YO HIZE MI BLOG CON LOS TUTORIALES DEL POTRO Y ME SALIO BIEN YO CREO,GRACIAS POR SUS TUTORIALES
EliminarPueden 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
EliminarHola potro te e dejado un comentario en el link de abajo, un saludo y feliz navidad.
ResponderEliminarhttp://www.ciudadblogger.com/2012/10/nueva-configuracion-de-dominios-en-blogger-y-poder-entrar-sin-www.html
Gracias, siempre se aprende algo. Felices fiestas
ResponderEliminarGracias a ti por tu visita, ¡felices fiestas!
Eliminarmuchas gracias muy bonito para estas fechas,felices fiestas ;)
ResponderEliminarEsta bueno!!!! Gracias por el aporte.
ResponderEliminarHola 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
ResponderEliminarGracias. 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.
EliminarHola Potro, una pregunta.
ResponderEliminarCuando 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.
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.
EliminarNo se escucha en el móvil.
ResponderEliminarEs únicamente para la versión web debido al reproductor que utiliza.
EliminarLOS VILLANCICOS NAVIDEÑOS TIENE DERECHOS DE AUTOR???
EliminarÉstos no.
EliminarSabes, 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. . .
ResponderEliminarEn 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.
EliminarEn 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.
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.
EliminarNo, no es del Diseñador, pero puedes tomar cualquier plantilla e ir eliminando los elementos que no quieras que se muestren.
EliminarJajajaja, que lindos sonidos, gracias!
ResponderEliminarHola 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
ResponderEliminarYo 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
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.
EliminarEl doble de besos para ti.
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.
ResponderEliminarGRACIAS POR TU RESPUESTA DE ANTEMANO, FELIZ NAVIDAD :3
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.
EliminarMe 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.
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.
ResponderEliminarHola Edgar, busca esta parte de tu plantilla:
Eliminar<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!
Muchas gracias por su tiempo y disculpe las molestias.
EliminarHice 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.
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.
EliminarAw, igual MUCHAS GRACIAS!... Siempre ayudando. Intentare usar el shadowbox. Muchisimas gracias por su tiempo :)
EliminarHola Potro, simplemente pasaba a felicitarte las fiestas y a darte las gracias por tus ayudas.
ResponderEliminarMis mejores deseos para estos días (y para el resto del año, claro! ☺)
Un abrazo
❊..(
✿.(,)
❊|::::|.☆¸.¤ª“˜¨
✿|::::|)/¸.¤ª“˜¨˜“¨
❊|::¸.¤ª“˜¨¨˜“¨
✿%¤ª“˜¨¨FELIZ
❊#ª“˜¨ NAVIDAD
▓▒░▓▒░▓▒░▓▒░▓▒░
Muchísimas gracias Andaira, ¡feliz Navidad!
EliminarMuchas gracias, qué lindo video :)
ResponderEliminarHola potro , hace algun tiempo que leo tus posts , y son muy buenos , me gustaria poder hacerte alguna preguntilla sobre blogeer
ResponderEliminarHace 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
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.
EliminarHola KaRpOl Uzumaki, por supuesto que me acuerdo de ti :)
ResponderEliminarMuchas 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!!!
potro como le pongo leer mas a mi blog con este nuevo diseño
ResponderEliminar¿Te refieres a la "nueva" interfaz? de la misma manera, los pasos son los mismos.
Eliminarhola 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
ResponderEliminarsaludos n.n/
Hola Mile Acero, aquí hay una entrada sobre ello:
Eliminarhttp://www.ciudadblogger.com/2009/04/nube-de-etiquetas-en-movimiento.html
gracias, voy a checarlo
EliminarHola Potro, ¿cómo puedo activar este código con un enlace? Es decir, pulsar un boton (link) y que se active el codigo.
ResponderEliminarP.D.: Gracias por todos tus post. Internet es mejor gracias a CB. :)
Potro, porfavor.
ResponderEliminarPerdón por la demora Iker cia pero estaba sin computadora :(
EliminarCon 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.
Hola muy bueno y útil, te felicito, no puedes darme otra música que no sea navidad, me encantaría...Graciassss
ResponderEliminar¡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.
ResponderEliminarQuizá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.
No funciona
ResponderEliminarA mi tampoco me funciona...
ResponderEliminarcomosalir.com. me ha funcionado sin problemas en mi sitio
ResponderEliminar