jueves, 25 de abril de 2013

Mostrar Codigos Html/Css En Fondo Del Blog

Leave a Comment
 css div

 SI deseas hacer tu tarea mas sencilla para aplicar ciertos codigos de Css a tu blog o Html para darle color al fondo sea del articulo donde necesitas un cuatro para mostrar un codigo  lo puedes hacer de la siguiente manera.

1.Entra a la Interface de Blogger--> layout- -> Edite HTML
2.Encuentra este codigo en la plantilla  puedes usar (CTRL + F  aparecera el search integrado del nuevo editor de blogger) y ahi pondras este codigo ]]></b:skin> .
3.Ahora copia y pega el codigo de abajo antes de ]]></b:skin>

.csscode { margin : 10px 10px 10px 10px; padding : 5px; clear : both; list-style-type : none; background : #F9F7E8;; border-top : 2px solid #000000; border-right : 2px solid #000000; border-bottom : 2px solid #000000; border-left : 2px solid #000000; }

4.Ahora guarda tu plantilla.
5.Ahora cuando quieras anadir un codigo en tu articulo o blog ponlo asi
<div class="csscode">

Aqui va tu Codigo cual sea

</div>
Mire el siguiente ejemplo asi quedara el codigo encerrado en cuatro con color de fondo.
<form action="http://www.roundpic.com" method="post" enctype="multipart/form-data" target="blank"><input value="1048576" name="MAX_FILE_SIZE" type="hidden"><table><tbody><tr><td class="title"><b>Image:</b></td><td class="input"><input name="file" type="file"></td></tr><tr><td class="title">or <b>URL:</b></td><td class="input"><input value="http://" name="url" type="text"></td></tr><tr><br /><td colspan="2" class="submit"><button onclick="getLoader();" type="submit">Round it!</button></td></tr></tbody></table></form>
If You Enjoyed This, Take 5 Seconds To Share It

0 comentarios:

Publicar un comentario