Ayuda Blogger #1 Cuadro de Codigo

Comenzamos el Camino de este blog que mas que un blog es un pequeño repositorio de tips y ayuda memoria.

Comenzamos Con los Tips Para BLOGGER

" Cuadros de Texto / Codigo"

1.- Ve a Escritorio>Diseño>Edicion HTML
2.- Marca La Casilla de Extender Plantillas de Artilugios
3. y Coloca el Siguiente Codigo antes de ]]></b:skin>

Para Buscar el codigo solo Presiona CTRL+F y busca el codigo y pega esto

pre {

 background:transparent url(http://img509.imageshack.us/img509/3046/codema7.png) no-repeat 0 0; /* Imagen Superior, si desas cambiarla modifica lo que se encuentra dentro de url(AQUI) */

 padding-top:24px; /* Relleno - para ajustar Fondo */

}

pre code {

 overflow:auto; /* Determina si es necesario agregar barras de Scroll */

 background-color:#fffbe5; /* Color de Fondo en Hex */

 border:1px solid #fff1a3; /* Color de Borde en Hex */   color:#7e1f09; /* Color de letra en Hex */      display:block; /* No tocar */   padding:5px; /* Relleno del cuadro */

 white-space:pre; /* No tocar */

 text-align:left; /* Alineacion del Texto , left=izquierda, center= centrado, right=derecha */su

 min-height:63px; /* Altura minima del Cuadro */}

/* Cuando pase el Mouse sobre la caja ocurrirá lo siguiente: */

code:hover {

 background-color:#FEFEDD; /* Color de Fondo en Hex */   border:1px solid #ffd511;/* Color de Borde en Hex */le

}

En El Cogido se te indica tambien Los valores que puedes modificar, para cambiarles el color en hexadecimales, para encontrar el valor de tu color a eleccion visita esta pagina

y Luego guardamos
Ahora para que aparezca nuestro cuadro de texto solo agregamos las etiquetas
<"pre"><"code">TEXTO<"/code"><"/pre"> (sin las Comillas) a nuestro post

Posted in: Ayuda Blogger,Como en blogger,Tips Blogger