CÓDIGOS HTML geniales para tu BLOG

A continuación códigos HTML, CSS y JavaScript para mejorar sus páginas web. Solo tienes que ir a la consola de tu pagina web o en el caso de los blogs ir a la consola del blog y darle en añadir gadget o widget.

Inserta una atractiva Marquesina

<center> 
<div class=»n»>
<p><b>
<font color=#000000 face=georgia size=4>
<marquee width=400 scrollamount=5 bgcolor=#ffffff>AQUI VA EL TEXTO</marquee>
</font></b></p></div></center>

Bienvenido al BLOG de ESCdesign * Bienvenido al BLOG de ESCdesign * Bienvenido al BLOG de ESCdesign * Bienvenido al BLOG de ESCdesign

Bienvenido al BLOG de ESCdesign * Bienvenido al BLOG de ESCdesign * Bienvenido al BLOG de ESCdesign * Bienvenido al BLOG de ESCdesign

AQUI VA EL TEXTO

Código de texto que cambia de dirección:

<marquee id="ejemplo" direction="up">AQUI VA EL TEXTO QUE DESEAS </marquee><a href="javascript:void(0);" onclick="getElementById('ejemplo').direction='down';">Hacia abajo</a>***<a href="javascript:void(0);" onclick="getElementById('ejemplo').direction='up';">Hacia arriba</a>

AQUI VA EL TEXTO QUE DESEAS Hacia abajo***Hacia arriba

Imágen que se amplia al pasar sobre ella:

<img src="https://img.freepik.com/vector-gratis/diseno-tomate-color_1166-13.jpg?size=338&ext=jpg" onmouseover="this.width=500;this.height=400;" onmouseout="this.width=200;this.height=150;" width="150" height="150" />

Imágen que se cambia al pasar sobre ella:

<a onmouseover="var img=document['fpAnimswapImgFP1'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;" onmouseout="document['fpAnimswapImgFP1'].src=document['fpAnimswapImgFP1'].imgRolln" href="https://www.freepik.es/E"><img border="0" src="https://img.freepik.com/vector-gratis/diseno-tomate-color_1166-13.jpg?size=338&amp;ext=jpg" id="fpAnimswapImgFP1" name="fpAnimswapImgFP1" dynamicanimation="fpAnimswapImgFP1" lowsrc="https://image.freepik.com/foto-gratis/fruta-pina_1203-7746.jpg" vspace="3" /></a>

Menu con links externos:

<input type="button" value="ESCdesign WEB" onclick="window.open('https://esc-design.es/')" /><input type="button" value="GOOGLEACTIVATE" onclick="window.open('https://learndigital.withgoogle.com/activate/')" />
<input type="button" value="GIFTs" onclick="window.open('https://giphy.com/')" />