Cuadro Para Poner Codigos Html

Cuadro para Codigos Html

-como crear un "cuadro" en el cual poner un código html:

-El código que se necesita para ese efecto es el siguiente: Primero vamos a Edición HTML (Plantilla)y agrega el código antes de ]]></b:skin>

CODIGO
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

}

por ultimo en cada entra de su blog que quieran poner un codigo como ejemplo debe estar entre estas etiquetas:

<pre><code>AQUI VA EL CODIGO QUE QUIERAN PONER</code></pre>

Como Agrandar una Imagen sin perder Resolucion y Nitidez

Navegando en Internet encontre una pagina web excelente, para aquellos que no tienen conocimiento de photoshop, corel photo paint, etc. Es un Programa Online que sirve para agrandar imagenes, fotografias y otros solo debes configurar el tamaño y resolucion.

CLICK AQUI PARA IR A LA PAGINA WEB

Indice Tabla de Contenidos para mi Blog

Indice Tabla de Contenido para mi Blog

Ahora voy a mostrarles dos tipos de Indice o Tabla de contenido para tu Blog

Tabla de contenidos 1

La primera tabla es bastante practico, este es mas sencillo pero de todas maneras nos puede ser de utilidad, es muy fácil de implementarlo, realiza lo siguiente:

- Creacion de Entradas, Nueva Pagina, Creamos una nueva pagina, y añadimos los siguiente:
CODIGO:

<link rel="stylesheet" href="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css" type="text/css" media="screen" />

<script style="text/javascript" src="http://scriptabufarhan.googlecode.com/svn/trunk/daftarisiv2.js"></script>

<script src="http://tublog.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Sustituye lo que esta marcado en Negrita (tublog) por tu blog, guardamos y tenemos nuestro índice, mapa o tabla de contenidos del blog. Los scripts ya están alojados directamente pero si tienes algunos conocimientos puedes modificarlos y personalizarlo a tu manera, tanto el script como el CSS.

Tabla de contenidos 2

Para crear la segunda tabla, el script ha sido mejorado tanto el CSS como otras opciones:

*Acordeón efecto

*Mostrar y ocultar efectos

*CSS 3

*Automático añadir jQuery

*Color diferente para el contenido

*Diferentes estilos para abrir y cerrar

*Auto Ordenar el título

*Las 10 entradas mas recientes con texto New!!

Este esta mas elegante para tu blog.

CODIGO:

<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>

<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>

<script src="http://tublog.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>

<script type="text/javascript">

var accToc=true;

</script>

<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>