instalar caja codigo html en los post de tu blog,,,exquisito diseño totalmente configurable,,BLOGMASTER 2008.

descargas,,the blogmaster vitualblogs,,descargas gratis,,recursos blog web gratis,,descargas,tutoriales,widgets,,menus,,cabeceras,,trucos,,plantillas,,themplates gratis y muxo mas.


instalar caja codigo html en los post de tu blog,,,exquisito diseño totalmente configurable,,BLOGMASTER 2008.


si quieres editar codigo html en los post de tu blog y que no se ejecute,, sino que se pueda leer.
la solucion esta en instalar una caja de codigo html,,esta de gema es la ke mas me gusto.
aqui os la dejo para quien la necesite.

un saludo de jose manuel.


empezamos,, es sencillo vereis.
en tu plantilla pega el codigo completo ke esta aqui debajo antes de
]]></b:skin>






/* Caja de código */
pre {
background:transparent url(aquí la url de una imagen) no-repeat 0 0; /* Imagen Superior, si deseas cambiarla modifica lo que se encuentra dentro de url(AQUI) */
padding-top:22px; /* Relleno - para ajustar Fondo */
}
pre code {
overflow:auto; /* Determina si es necesario agregar barras de Scroll */

background-color:#E9E9E9; /* Color de Fondo en Hex */
border:1px solid #999999; /* Color de Borde en Hex */
color:#990000; /* Color de letra en Hex */
display:block; /* No tocar */
padding:8px; /* 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:##ffffff; /* Color de Fondo en Hex */
border:1px solid ##666666;/* Color de Borde en Hex */le
}
/* FIN Caja de código */



hecho estos nos dirijimos a ,,Configuración/Formato/Plantilla de entrada,,y añadiremos este codigo
<pre><code></code></pre>


con esto cadavez que vallamos a crear una entrada nueva nos aparecera el codigo.
si quereis poner la venta con el html pues lo colocais en el centro,,ejemplo.

<pre><code>
poner aqui el codigo a publicar
</code></pre>



y sino lo quereis pues lo borrais.
y ya esta.





by: http://blogmaster-virtualblogs.blogspot.com

Publicar un comentario

3 Comentarios

BLOGMASTER ha dicho que…
OK WAY PRUEVA
MARIA ha dicho que…
perfecto me sirvio para mi tienda de informatica