Mostrando las entradas con la etiqueta html diseno. Mostrar todas las entradas
Mostrando las entradas con la etiqueta html diseno. Mostrar todas las entradas

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>
Read More