Blog and Web

Esta plantilla esta basada en “Organic Rhythm” de Free CSS Templates, adaptada para Blogger por BlogandWeb y bajo licencia Creative Commons. Puedes utilizarla para fines personales o comerciales con la única condición de que respetes los créditos, regresando un link a BlogandWeb y Free CSS Templates.

Características

• Definición de colores en el panel.
• Dos columnas.
• Menú personalizable.

Descarga

• Demo
• Descargar

Instalación

Para instalarla consulta el videotutorial hecho por Patricia Pilar y nuestra miniguía de instalación. Además puedes leer nuestras preguntas frecuentes y enterarte de los problemas más comunes y su solución.

Configuración

Esta plantilla tiene un menú para personalizar a tu gusto, para cambiarlo entra a la pestaña “Plantilla” (”Diseño” desde el escritorio) y después a la opción “Edición de HTML”.

Y busca el siguiente código:

<div id='menu'>
  <ul>
    <li><a href='#' title=''><b>I</b>nicio</a></li>
    <li><a href='#' title=''><b>A</b>cerca de mi</a></li>
    <li><a href='#' title=''><b>P</b>roductos</a></li>
    <li><a href='#' title=''><b>S</b>ervicios</a></li>
    <li><a href='http://blogyweb.blogspot.com' title=''><b>S</b>oporte</a></li>
    <li style='display:inline;'><a href='#' title=''><b>C</b>ontacto</a></li>
  </ul>
</div>

En ese código, cambia los signos # por tus links.

La plantilla tiene definidas algunas variables para cambiar los colores desde el panel.

Esta plantilla esta basada en “Enlight” de Free CSS Templates, adaptada para Blogger por BlogandWeb y bajo licencia Creative Commons. Puedes utilizarla para fines personales o comerciales con la única condición de que respetes los créditos, regresando un link a BlogandWeb y Free CSS Templates.

Características

• Definición de colores en el panel.
• Dos columnas.
• 2 Menús personalizables.

Descarga

Demo
Descargar

Instalación

Para instalarla consulta el videotutorial hecho por Patricia Pilar y nuestra miniguía de instalación. Además puedes leer nuestras preguntas frecuentes y enterarte de los problemas más comunes y su solución.

Configuración

Esta plantilla tiene un menú para personalizar a tu gusto, para cambiarlo entra a la pestaña “Plantilla” (”Diseño” desde el escritorio) y después a la opción “Edición de HTML”.

Y busca el siguiente código:

<!-- Links dentro de la cabecera(header) editalos a tu gusto -->
<div id='topmenu'>
<ul>
 <li><a accesskey='1' href='#' id='topmenu1' title=''>Inicio</a></li>
 <li><a accesskey='2' href='#' id='topmenu2' title=''>Contacto</a></li>
 <li><a accesskey='3' href='#' id='topmenu3' title=''>Mapa del sitio</a></li>
</ul>
</div>

En ese código, cambia los signos # por tus links. Para el menú que esta bajo la cabecera busca:

<!-- Menú abajo de la cabecera, editalos a tu gusto -->
<div id='menu'>
 <ul>
  <li class='first'><a href='#' title=''>Acerca de mi</a></li>
  <li><a href='#' title=''>Productos</a></li>
  <li><a href='#' title=''>Servicios</a></li>
  <li><a href='#' title=''>Clientes</a></li>
  <li><a href='http://blogandweb.com' title=''>Soporte</a></li>
 </ul>
</div>

E igualmente cambia # por tus links.

Actualización 05/08/07: Se han agregado la variables para cambiar los colores desde el panel y corregidos algunos errores de visualización.

SiteGuts es un sitio con un editor HTML, CSS (varias versiones) y PHP en linea, que te permite redactar tu código en un campo de texto y después probarlo directamente en su web.

Sitio: http://www.siteguts.com/editor/index.htm

Con lo latoso que es el Internet Explorer para diseñar, no esta por demás tener instaladas varias versiones de este navegador en nuestra PC y con este programa puedes hacer dicha tarea. Instala el IE (Internet Explorer) de la versión 3 a la 6.

Sitio: http://tredosoft.com/Multiple_IE

Siempre pensé en lo útil que sería tener las equivalencias de código entre Blogger y Wordpress de modo de poder adaptar plantillas de un sistema a otro y ahora encuentro esta información. Pues en emmense hay una tabla de equivalencias de código entre Blogger, Movable Type y Wordpress.

La mala noticia es que se trata de los códigos de blogger usados en su versión clásica, pero igualmente sirven.

Sitio: http://emmense.com/template-tag-reference-sheet/