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>

Fuente: Bloggeame blogger