Agregando código

Hasta ahorita sólo hemos trabajado arrastrando y editando bloques, pero claro que podemos agregar pedazos de código para mejorar nuestro sitio.

Para eso usaremos el bloque de Shortcode

Al agregarlo deberías ver algo como eso. Nuestro código irá donde dice “Write a shortcode here…”

Un ejemplo de como usarlo puede ser para agregar algún trabajo de replit. El código se vería así:

<iframe frameborder="0" width="100%" height="500px" src="https://replit.com/@srodriguez1357/finalbloq1?lite=true&amp;outputonly=true"></iframe>

• iframe: Bloque para insertar cosas a la página
• widht y height: Tamaño
• src: Link del recurso que se quiere insertar

Tú puedes hacerlo con un link tuyo! Veamos como.

1. Copiar el link de tu trabajo de replit

https://replit.com/@srodriguez1357/Horas#main.py

2. Borrar “#main.py”

https://replit.com/@srodriguez1357/Horas

3. Agregar el link en el siguiente código (donde dice borrame)

<iframe frameborder="0" width="100%" height="500px" src="borrame?lite=true&amp;outputonly=true"></iframe>

4. Tu resultado se debería ver así

<iframe frameborder="0" width="100%" height="500px" src="https://replit.com/@srodriguez1357/finalbloq1?lite=true&amp;outputonly=true"></iframe>

5. Ve que pasa si al final, donde dice true, lo borras y escribes false

---

Segunda parte

Añade los siguientes shortcodes a tu blog y ve cual te gusta más!

Javascript:

<script>alert("Hello world")</script>

HTML:

<marquee>Mírameeeee!</marquee>

<marquee behavior=alternate width="202″ scrollamount="8″ scrolldelay="95″ height="37″ bgcolor="#940404">Soy una pelotaaaaa</marquee>

¿Qué otros efectos puedes encontrar?