01 noviembre 2010

Introduciendo la plantilla Noches de Luna

Plantilla Noches de luna

Aunque a algunas personas el otoño les produce cierta depresión, (no se si es tu caso) es una de mis estaciones favoritas, además de la primavera, ya que para mi, simboliza el cambio, la oportunidad para emprender nuevos proyectos, hacer una revisión de mi vida y corregir los fallos, y por supuesto, una nueva oportunidad para volver a empezar.

Pensando en el otoño y en usar una de las preciosas muñequitas de gorjuss, les tengo una nueva plantilla, que podrán usar en su blog de manera gratuita, siempre y cuando sigan algunas condiciones que tenemos que respetar, ya que hay material que es protegido (la muñequita de gorjuss) y la artista que la creó lo pide así.

Ideal para blogs personales o de literatura.

Características
  • Plantilla de 3 columnas
  • Espacio (Widget) creado con el fin de agregar un SlideShow
  • Link de comentarios en la sección del título
  • Fecha en forma de Calendario

Configuración de la Fecha 

Para que la fecha se muestre correctamente tienes que ir a Configuración►Formato y en la opción que dice Formato de cabecera de fecha seleccionar 01 noviembre 2010, que es la penúltima (una antes de la ultima) opción.


Configuración del Slideshow

He utilizado un maravilloso script (funciona perfectamente en todos los navegadores) para el SlideShow y que además es muy chiquito, por lo que no supone una gran carga para tu blog, mismo que encontré en Vagabundia y que fue creado por leigeber quien es un excelente desarrollador web, y que se caracteriza por crear tiny (pequeñitos) scripts que en términos de rendimiento para el blog es buenísimo.

Deberás pegar el siguiente código en el widget que aparece a tu derecha abajo,  (el título dice Memorias )  y es el penúltimo:

<div id="demowrapper">
  <div>
    <div class="sliderbutton"><img src="http://4.bp.blogspot.com/_yCA1gGtzYzo/TMrSVsheocI/AAAAAAAAD74/xWuAaS2DCCY/s1600/IZQ.gif" onclick="slideshow.move(-1)" /></div>
    <div id="slideshow">
      <ul id="slides">
        <li><img src="URL_DE_TU_IMAGEN" /></li>
        <li><img src="URL_DE_TU_IMAGEN" /></li>
<li><img src="URL_DE_TU_IMAGEN" /></li>
        <!-- agregar todas las imágenes que quieras -->
      </ul>
    </div>
    <div class="sliderbutton"><img src="http://1.bp.blogspot.com/_yCA1gGtzYzo/TMrSTOAKmXI/AAAAAAAAD70/1jUqyN3Fy6A/s1600/DCHA.gif" onclick="slideshow.move(1)" /></div>
  </div>
    <!-- la paginación inferior -->
    <ul id="pagination" class="pagination">
    <li onclick="slideshow.pos(0)">1</li>
    <li onclick="slideshow.pos(1)">2</li>
<li onclick="slideshow.pos(2)">3</li>
    <!--  agregar con cada imagen con un numero correlativo -->
  </ul></div>
<script type="text/javascript">
  var slideshow=new TINY.fader.fade('slideshow',{ id:'slides', auto:4, resume:false, navid:'pagination', activeclass:'current', visible:true, position:0 });
</script>

Solamente deberás poner los enlaces de las imágenes que quieres mostrar, y repetir el código de la paginación cada vez que agregues una imagen, tal y como se indica en el código. Utiliza imágenes de 320 pixeles de ancho por 260 pixeles de alto.

Lo hice de ese modo para que tu decidas si ponerlo o no, si decides no hacerlo, y en lugar de ello quieres poner otro contenido en el espacio del widget, solo tienes que eliminar la imagen de fondo que esta en dicho espacio, y eso lo harás  así:

Paso 1. Ve a Diseño►edición de HTML de tu plantilla, luego pulsa CTRL F y escribe en el buscador .gatget


Paso 2. Una vez localizado, dentro de los estilos de esa clase, verás el siguiente código, elimínalo:

background: url(http://2.bp.blogspot.com/_yCA1gGtzYzo/TMriaOKXkqI
AAAAAAAAD8k/rmrLOrPYmuI/s800/ks.gif) no-repeat top center;

Paso 3. Pon vista previa para verificar que no aparezca y si todo luce bien guarda los cambios.



Recomendaciones
 
Trata de tener balanceado el contenido de la izquierda (contenido principal), con el contenido de la derecha (columnas laterales), no colocando demasiados posts  y poco contenido en las columnas o viceversa, esto debido al diseño, pues si haces lo contrario se verá un espacio en blanco al ir bajando para ver todo el contenido (espero explicarme), recuerda que puedes configurar cuantas entradas mostrar, yendo a Configuración►Formato y seleccionar el número de entradas a mostrar en la página principal.



Términos de Uso
Esta plantilla es edición especial, por lo que no puede ser redistribuida en otros blogs, pero si se puede referir para que sea bajada desde aquí.

No se puede alterar la esencia del diseño, específicamente la imagen del header-wrapper donde esta la muñequita de gorjuss, excepto, el interior del contenido este,  por ejemplo, cambiar los estilos de las imágenes de las entradas, colocar imágenes en el titulo de la columna lateral etc.

No puedes eliminar el crédito de la artista ©Suzanne Woolcott o agregar otros enlaces como referencia para que sea bajada desde tu blog o página, reitero.

Gracias por tu ayuda.

¿Te gusto? no dudes en comentar, ¿no te gusto? no dudes en criticar.

Atention Distributors: you may not redistribute this template, if you want to share it,  you may link back to this post, but do not link directly to the downloadable file. Thank you.

DEMOSTRACION                  DESCARGAR


Crédito por la muñequita del Header: ©Suzanne Woolcott.

Artículos recomendados:

Gracias por compartir tu comentario y hacernos saber tu opinión.