Mostrando las entradas con la etiqueta codigos css. Mostrar todas las entradas
Mostrando las entradas con la etiqueta codigos css. Mostrar todas las entradas

martes, 16 de julio de 2013

Como CentrarCabezera de Blog en Blogger

Leave a Comment
como centrar cabezera de blog en blogger

 En esta oportunidad te mostrare como acomodar el Logo de tu blog en el centro de la pagina. Por desgracia no hay una opcion disponible para hacer que el encabezado en el centro o puedes seleccionar una plantilla que tenga el logo en el centro automaticamente.Pero hoy compartire un truco de CSS para mover este logo al centro de tu pagina.


Sigue estos pasos para mover tu logo al centro.
1.Entra en tu cuenta de blogger
2.Luego da click en Plantilla
3.Da click luego en Personalizar



4. Luego da Click en Enlace Advanzado


 5. Da click en Añadir CSS y pegue el siguiente codigo dentro.

    #header-inner img {margin: 0 auto !important;
    #header-inner {text-align: Center ;}

6. Luego da Click en boton de Aplicar al blog y listo!!!!
7. Finalizado
Read More

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