Monday, October 6, 2014

Lluvia en el blog


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.

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.


No comments:

Post a Comment