Los que somos un tanto bohemios disfrutamos de la lluvia tanto como de una buena taza de café. Y ya que nos gustan tanto las precipitaciones pluviales vamos a ver cómo poner lluvia en el blog con Javascript para darle un poco de nostalgia al blog y que bien puede usarse para las próximas fiestas de Halloween. El ejemplo aquí mismo.
Este script de Giffy se pone y se quita en un solo paso. Adicionalmente le he añadido un sonido suave de lluvia, pero este es opcional.
Este script de Giffy se pone y se quita en un solo paso. Adicionalmente le he añadido un sonido suave de lluvia, pero este es opcional.
Para poner esta lluvia en el blog, entra en la Edición HTML de tu plantilla, y antes de </body> pega este código:
<!-- Lluvia en el blog -->
<div style="display:none;">
<script type="text/javascript" src="http://blogparts.giffy.me/0117/parts.js"></script><p style="text-align: center;margin:0;padding:0;">
<a href="http://giffy.me/baby/"><img style="border:0;" src="http://blogparts.giffy.me/0117/parts.gif" alt="降水確率100%ブログパーツ;" /></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>
<iframe allowtransparency='true' frameborder='0' marginheight='0' marginwidth='0' scrolling='no' src='http://audio-play.blogspot.com/p/lluvia.html' style='height:0; width:0;'></iframe>
<!-- Fin lluvia en el blog -->
Lo que está en color naranja es el iframe que contiene el sonido de la lluvia, si no quieres el sonido elimina toda esa parte.
En lo que concierne al script, no tiene opciones de configuración pero creo que tampoco hace falta ya que cumple con su cometido.
En lo que concierne al script, no tiene opciones de configuración pero creo que tampoco hace falta ya que cumple con su cometido.
Ciudad Blogger
¿Se puede colocar en una entrada en lugar de todo el blog? Muchas gracias Potro, excelentes consejos como siempre ;)
ResponderEliminarSí Jose, puedes encerrar el código en una condicional. Considera que si lo agregas para una entrada en particular entonces en la URL que agregues no deberá contener la extensión del país.
EliminarSi pruebas agregar el codigo dentro del HTML del post en el mismo editor quiza funcione, éste el particular va al final del BODY por eso se muestra en todo el blog.
ResponderEliminarDe hecho para este demo he puesto el código directo en la entrada pero también se ejecuta si la entrada aun está en la portada. Para evitar eso es mejor usar condicionales.
EliminarAy, me resulta muy estresante D:
ResponderEliminarPero gracias!
Un poquito, sí, pero este tipo de curiosidades son para usarse sólo de vez en cuando ;)
EliminarQueda genial y con sonido mucho más, gracias Potro.
ResponderEliminarSi quieres verlo está ya puesto en mi blog Tempestad en el corazón
http://tempestadenelcorazon.blogspot.com.es
Un saludo
Lluvia y poemas, una combinación muy adecuada. Saludos Vero.
EliminarEsta genial para poner en Haloween. Saludos Potro
ResponderEliminarQue bonito, Potro. no se en que bloc ponerlo...ya veremos.
ResponderEliminarGracias
Lo he puesto en "el faro poeta"...no puedo escuchar el sonido porque me están arreglando los altavoces...aquí lo he puesto, además le va al diseño del bloc genial.
ResponderEliminarGRACIAS POTRO
http://elfaro-poeta.blogspot.com.es/
La verdad es que la lluvia está menos vista que la nieve (en blogs), pero de todas formas me siento muy húmedo en esta situación ;)
ResponderEliminarPues ya que no hicimos el ice bucket challenge al menos mojémonos con lluvia :P
EliminarDonde iras sin paraguas ?
EliminarHola Potro, ¡¡que estrés con tanta lluvia!!, vivo en una zona bastante lluviosa y no me relaja nada la lluvia, al contrario que a ti, y tampoco me gusta el café, lo tengo un poco mal
ResponderEliminarEl sonido de la lluvia no me molesta para un ratito pero no más, y aún agradeciéndote todos tus posts, incluido éste ;) paso de poner lluvia en mi blog, y eso que reconozco que es muy original y hasta poético, a ver si me va a acabar gustando jajaja
Un abrazo
Jajaja, no, no creo que acabe gustándote, quizá el café sí pero tendrás que probar uno muy bueno. Un día que vengas a México te invitaré uno, ya verás qué delicia ;)
EliminarPos no precisamente por Halloween. Lo acabo de agregar en mi blog porque, porque es "de noche" en la página principal del mismo y pues, está lloviendo. Se mira ultra mega kawaii, gracias Potro <3
ResponderEliminarVoy a leer lo de los condicionales, por si me animo a agregarlo en una entrada específica. Además, sospecho que eso de los condicionales, deben de tener diferentes usos.
Diversos e interesantes usos, no sólo podrías ponerlo en una entrada especifica sino también únicamente en la portada, o sólo en las páginas estáticas, etc. Es la "magia" de las condicionales.
EliminarMuy bueno :)
ResponderEliminarse puede cambiar el color de la lluvi?
ResponderEliminarNou, desgraciadamente no tiene ninguna opción el script :(
Eliminarme gustaria hacerlo pero dependiendo del estado del tiempo actual.. si esta lloviendo se ejeuta el script sino que salga muy soledado... (otro efecto o Script) sera posible eso ??
EliminarHabrá que conectarlo con el feed de Dios para que el script sepa cuándo está lloviendo. Ya en serio, no, no es posible.
Eliminarhola, potro
ResponderEliminarperdón por preguntarte esto aquí pero no sé en cual entrada debo ponerlo
quería saber si tenias algún tutorial, o en su defecto si podrías hacer uno donde expliques como poner una contraseña a tu blog para que sólo los lectores que tengan dicha contraseña lo puedan ver, así como en este blog: http://lectoradultojoven.blogspot.mx/p/autores.html
por ejemplo sí ahí le picas a alguna letra, para que te abra la pagina pues te sale una ventanita pindiendote algo
espero me puedas ayudar
saludos n.n/
Hola Mile, esos métodos no son nada seguros ya que son generados con Javascript, eso significa que si el usuario tiene deshabilitado el Javascript del navegador podrá ingresar sin ninguna contraseña, y aun cuando lo tenga habilitado puede ver el código fuente y encontrar la contraseña sin ningún problema. En Blogger aún no es posible hacer privadas entradas o páginas a menos que hagas privado todo el blog. Saludos.
EliminarVeo que compartimos gustos ;)
ResponderEliminar¡me encanta!
Muchas gracias (un beso enorme)
Ahora imagínate: café, lluvia, y un libro de Sofía Serra, ¿qué más le puedo pedir a la vida?
EliminarHola Maestro . . . Saludos Desde Galicia
ResponderEliminarCómo Siempre Agradecerte la Ayuda Desinteresada que Brindas al Resto de los Mortales que Utilizamos Esta Plataforma .
Llevo Tiempo Queríendo Preguntarte Sobre un Tema del que no he Logrado Encontrar Información por Ningún Lado .
Te Resumo . . . En Teoría Blogger no Permite Mostrar más de 20 Entradas , Tanto en la Portada Cómo en las Etiquetas .
Mi Pregunta es . . . Hay Alguna Forma de Saltarse esa Restricción y que el Blog Muestre más de 20 Entradas , Aunque Sólo sea al Seleccionar una Etiqueta
Estamos en Contacto . . . Un Saludo
Hola SharkGalicia, en las páginas de Etiquetas me parece que ya no hay forma de excederse de esa cantidad, pero en la portada todo depende de la velocidad de carga del blog, si usas el Leer más nativo de Blogger habrá más posibilidades de que se muestre un mayor número de entradas en la portada.
EliminarGracias Potro . . . Es Justo en las Etiquetas en Concreto Donde Necesito Mostrar más de 20 Entradas . . . Si se te Ocurre Algo que Pueda Probar no Dudes en Decirmelo .
EliminarSaludos Desde Galicia
hola potro... puedo bajarle el sonido al audio es posible?? y si no es posible como puedo meter un sonido de la lluvia un pcoo mas leve?? se podra?? gracias de antemano
EliminarHola, el audio lo he puesto en un iframe así que no se le puede hacer ninguna modificación, pero puedes eliminarlo y en su lugar poner un reproductor de música sencillo y ahí añadir el audio de lluvia que prefieras.
EliminarDisculpa la Insistencia Potro . . . Se me ha Ocurrido una Posible Solución
EliminarSe Puede Poner el Paginador del Blog Cuando Muestra las Entradas de una Etiqueta en Concreto ??
De Esta Forma Consigo el Resultado que Busco
Estamos en Contacto , Un Saludo . . . Gracias
No sé, eso depende del gadget de paginación que uses, supongo que deberás preguntar al autor (del gadget) cómo mostrarlo en las páginas de etiquetas si es que se puede.
EliminarGracias Maestro . . . Siguiendo Tus Indicaciones lo he Solucionado .
Eliminar¿Puedo poner sólo el audio pero no la lluvia?
ResponderEliminarSí, pon únicamente el código en color naranja.
Eliminar¡Genial" lo acabo de poner en mi blog. Muchas gracias,
ResponderEliminarChelo
hola potro una ultima consulta, no tiene nada que ver con la lluvia, .... como puedo hacerle para que mis imagenes que tengo en el blog no
ResponderEliminarinterfieran con el fondo y los links que tengo ahi.... por ejemplo quiero que la imagen se haga transparente que cuando le doy un click a
una pestaña aun estando la imagen ahi pueda abrir el acceso... no se si me explique quiero que las imagenes flotantes se vean pero que no
tengan ninguna funcion ni estorben .... ojala que me haya explicado y gracias
Imposible. Una imagen es un elemento como cualquier otro, si la haces flotante estará encimada a todo lo que haya detrás de ella, lo cuál hará que "tape" otros elementos y los haga inaccesibles.
EliminarHola, esta es la entrada que buscas:
ResponderEliminarhttp://www.ciudadblogger.com/2014/09/ticker-automatico-mostrar-ultimas-entradas-del-blog.html
Que bien , he encontrado muchas cosas interesantes.En verdad hay enlaces muy buenos. Felicitaciones y gracias.
ResponderEliminarGracias a ti.
EliminarA mí me encanta jajajaja... Voy por un paraguas...
ResponderEliminarTe presto el mío :) ☂
EliminarSe podría habilitar una opción para que la persona que ingresa al blog desactive el sonido o la lluvia si quiere ?
ResponderEliminarLa lluvia no, pero para el sonido podrías hacer que el reproductor se haga visible, así el usuario podría usar el control de pausa.
EliminarVale muchas gracias por la ayuda :D
EliminarLo tengo puesto ahora mismo en mi blog, usé la condicional para que sólo se vea en la entrada actual y ha quedado estupendo, muchas gracias!!
ResponderEliminarUn saludo, ya me quedo por aquí siguiéndote.
Genial María, entonces nos estaremos leyendo por aquí :)
EliminarHa dejado de funcionar. Alguna solución????
ResponderEliminarhola, creo que elimine accidentalmente la parte de body y nose donde estaba, me podrias ayudar.
ResponderEliminar