Caja para código html


Caja con efecto

Cuando vamos a colocar en nuestro sitio un código para que otros copien, podemos hacerlo de manera decorativa y divertida. Encontré una serie de cuadros que podemos implementar para quitar ya la antigua caja cuadrada y sin forma de nuestros posts.

  • Esta es una imagen de ejemplo. La caja se mantiene apagada hasta que pasas el cursos por encima y se enciende el foco.
  • Ve a Diseño - Edición HTML
  • Encima de </head> pegas este código:
<link  rel='stylesheet'  href='https://sites.google.com/site/bloggeameblggr/mis-archivos-bblggr/bblggr6.css'  type='text/css' />

  • Una vez hecho esto lo único que debes hacer es colocar el siguiente código en la edición de html de tu entrada y sustituír lo que está en rojo por el código ya transformado, recuerda que de otro modo no funciona.
<div class='bblggr6'> TU CODIGO HTML VA AQUI </div>






comentaempty


Imprimir




4 comentarios:

  1. Muchas gracias! me fué de gran utilidad. Se les agradece mucho!

    ResponderEliminar
  2. Esta muy bonita, pero es muy grande :( me abarcaría mucho espacio.

    ResponderEliminar
    Respuestas
    1. El tamaño lo podes modificar cambiando los valore numericos de height y with

      Eliminar