CÓDIGOS HTML

Musica MP3

*Permite poner "play" a una canción para escuchar mientras visitan nuestro blog,

Paso 1. Ir a http://www.goear.com/.
Paso 2. Buscar el tema que quieras poner en tu post o blog.
Paso 3. Copias lo que está debajo de donde dice "Pon esta canción en tu web".

• <iframe width="580" height="115" src="http://www.goear.com/embed/sound/d28fbc7" marginheight="0" align="top" scrolling="no" frameborder="0" hspace="0" vspace="0" allowfullscreen></iframe>

Paso 4. Ir a la pestaña Diseño, en tu blog.
Paso 5. Ir a la subpestaña Elementos de Página.
Paso 6. Añadir un gadget, donde más te guste.
Paso 7. En la lista que se abre, elige HTML/Javascript.
Paso 8. Pegar el código allí.
Paso 9. Guardar.



Texto parpadeante:

*Colocar este código en una entrada y publicar. El texto aparecerá y desparecerá rápidamente, como un movimiento palpitante.

• <script language="JavaScript"> var estado=true; setTimeout("ver()",450); function ver (){ estado=!estado; if(estado==true) texto1.style.visibility="visible"; else texto1.style.visibility="hidden"; setTimeout("ver()",450); } </script><p align="center" id="texto1" style="visibility:visible"><font face="Arial, Helvetica, sans-serif size="3">¡Bienvenido a mi blog educativo</font></p>

Transformar el cursor en una mira:

*Transformá la clásica flechita de Windows en una mira de disparo.

<style type="text/css">
<!--
body { cursor: crosshair}
-->
</style>

Juego interativo:

*Permite colocar un juego en nuestro blog, para el entretenimiento de nuestras visitas.

Añadir un Gadget y pegar en contenido el código:

• <object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/discdrop/discDrop.swf?" width="300" height="225"><param name="movie" value="http://cdn.abowman.com/widgets/discdrop/discDrop.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="bgcolor" value="FFFFFF"/></object>

Ampliar imagen al pasar el Mouse

• <img src="TU IMAGEN" onmouseover="this.width=500;this.height=400;" onmouseout="this.width=100;this.height=80;" width="100" height="80" alt="" />

Pajarito de Twitter:

 El pájaro de Twitter estará volando mientras interactúas en el Blog y cuando le das clic te enviará a tu cuenta de Twitter.


<script src="http://plantillasgratis.comuv.com/disemucho/pajaro_twitter_navidad/twitter/disemucho.js" type="text/javascript">
</script><script type="text/javascript">
//<![CDATA[
var birdSprite='http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/iffeafe7e991f963f/1341590653/std/image.png';
var targetElems=new Array('img','hr','table','td','div','input','textarea','button',

'select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span');
var twitterAccount = 'http://twitter.com/#!/tu usuario';
var twitterThisText ='Sigueme en Twitter';
tripleflapInit();
//]]>
</script>


Saludo con TU NOMBRE:

• Permitirá ingresar tu nombre y el blog emitirá un saludo con el mismo en el lado superior derecho.

<script language="JavaScript">
mensagem = prompt("Por favor, ingresa tu nombre",'');
if (mensagem==null) {
document.write("¡Hola, visitante!")
}else{
if (mensagem=='') {
document.write("<b><font face=arial size=2 color=#000000>¡Hola, visitante!</font></b>")
}else{
document.write("<b><font face=arial size=2 color=#000000>¡Hola"+mensagem+"! Bienvenido a mi sitio</font></b>");
}
}
</script>  

Fuente:


http://www.disemucho.net/2012/07/09/el-p%C3%A1jaro-de-twitter-volando-por-todo-tu-blog-o-web/

http://usuarios.sion.com/pauluk/trucospchtml.htm