AjMrDeSiGn

Templates Blogger, exquisitez para usuarios curiosos.

Template sy "Gratis"

18 feb 2012

Template sy, un diseño similar a la web original, con header no fijo, con un estilo diferente las entradas del index, se muestran de 2 formas destacando la primera entrada, pudiendo hacer una entrada de la forma que queramos añadiendo la etiqueta more, como se muestre la entrada individual se mostraran las etiquetas en los resultados, solo utiliza JavaScript para el efecto de volver ir arriba.

Se le añadido un slider css3 y html para mostrar las ultimas entradas y un estilo diferente en las etiquetas de la sidebar con una barra deslizante.

Template sy "Gratis"

Template sy

Contenido Bloqueado.
Para desbloquear el contenido, presiona en el siguiente botón.



Instrucciones para poner el slider css3

<div id="imageGallery">
<div class="imageZoom">
<ul>
<li id="slide1"><a href="#" title=""><img alt="" src="http://3.bp.blogspot.com/-ejN8bDy9aFg/TzBce88175I/AAAAAAAADEk/aj_CGcmyKtQ/s00/Lorem-Ipsum.jpg" /></a></li>
<li id="slide2"><a href="#" title=""><img alt="" src="http://3.bp.blogspot.com/-ejN8bDy9aFg/TzBce88175I/AAAAAAAADEk/aj_CGcmyKtQ/s00/Lorem-Ipsum.jpg" /></a></li>
<li id="slide3"><a href="#" title=""><img alt="" src="http://3.bp.blogspot.com/-ejN8bDy9aFg/TzBce88175I/AAAAAAAADEk/aj_CGcmyKtQ/s00/Lorem-Ipsum.jpg" /></a></li>
<li id="slide4"><a href="#" title=""><img alt="" src="http://3.bp.blogspot.com/-ejN8bDy9aFg/TzBce88175I/AAAAAAAADEk/aj_CGcmyKtQ/s00/Lorem-Ipsum.jpg" /></a></li>
<li id="slide5"><a href="#" title=""><img alt="" src="http://3.bp.blogspot.com/-ejN8bDy9aFg/TzBce88175I/AAAAAAAADEk/aj_CGcmyKtQ/s00/Lorem-Ipsum.jpg" /></a></li>
<li id="slide6"><a href="#" title=""><img alt="" src="http://3.bp.blogspot.com/-ejN8bDy9aFg/TzBce88175I/AAAAAAAADEk/aj_CGcmyKtQ/s00/Lorem-Ipsum.jpg" /></a></li>
</ul>
</div>
<div class="imagePreview">
<ul>
<li><a href="#slide1"><img alt="img1" src="http://3.bp.blogspot.com/-ejN8bDy9aFg/TzBce88175I/AAAAAAAADEk/aj_CGcmyKtQ/s72-c/Lorem-Ipsum.jpg" /></a></li>
<li><a href="#slide2"><img alt="img2" src="http://3.bp.blogspot.com/-ejN8bDy9aFg/TzBce88175I/AAAAAAAADEk/aj_CGcmyKtQ/s72-c/Lorem-Ipsum.jpg" /></a></li>
<li><a href="#slide3"><img alt="img3" src="http://3.bp.blogspot.com/-ejN8bDy9aFg/TzBce88175I/AAAAAAAADEk/aj_CGcmyKtQ/s72-c/Lorem-Ipsum.jpg" /></a></li>
<li><a href="#slide4"><img alt="img4" src="http://3.bp.blogspot.com/-ejN8bDy9aFg/TzBce88175I/AAAAAAAADEk/aj_CGcmyKtQ/s72-c/Lorem-Ipsum.jpg" /></a></li>
<li><a href="#slide5"><img alt="img5" src="http://3.bp.blogspot.com/-ejN8bDy9aFg/TzBce88175I/AAAAAAAADEk/aj_CGcmyKtQ/s72-c/Lorem-Ipsum.jpg" /></a></li>
<li><a href="#slide6"><img alt="img6" src="http://3.bp.blogspot.com/-ejN8bDy9aFg/TzBce88175I/AAAAAAAADEk/aj_CGcmyKtQ/s72-c/Lorem-Ipsum.jpg" /></a></li>
</ul>
</div>
</div>

Todas las dudas que tengáis preguntarla en los comentarios.

15 comentarios:

  1. Está bastante guapo. ¿Sabes el efecto de las imagenes del widget "Series más vistas ayer" de SY?

    ResponderEliminar
  2. ¿Cómo hago para que la barra negra del header ocupe toda la página alargada, de izquierda a derecha? ¿Y poner el slider?

    ResponderEliminar
    Respuestas
    1. El template esta para una resolución de 1024, para dejarlo como dices hay que hacer varios retoques, #header, #outer-wrapper, #main-wrapper, #sidebarfon, #sidebar-wrapper.

      Solo tienes que copiar el código y pegarlo en el gadget que esta creado y saldrá el slider.

      Un saludo.

      Eliminar
    2. Ya he estando modificando cosillas y agregando cosas. Cada vez los templates son mejores... ¿cuálos más nos esperan? :O

      Eliminar
    3. De momento tengo otro template mas gratis que estará disponible dentro de dos semanas, tengo que pasarlo a blogger, estoy terminando 2 templates que son premium y que pronto estarán disponible para comprarlo solo una persona, diseños exclusivo y dinámico.

      Eliminar
    4. espero saques el gratis pronto

      Eliminar
    5. Template idv1 "Gratis" penúltimo diseño realizado y de momento no podre realizar más diseños gratis, hasta terminar los diseños premium de mis clientes y tengo trabajo para unos meses...

      Eliminar
  3. no me deja descargarme la plantilla.

    ResponderEliminar
    Respuestas
    1. El enlace funciona y puedes descargar la plantilla sin ningún problema.

      Eliminar
  4. Una pregunta con esta plantilla, es que estoy probandola y el widget de las entradas populares no me sale como sale en el demo, cual será el error?

    ResponderEliminar
    Respuestas
    1. Tienes que cambiarlo por este de aquí abajo y lo veras sin ningún problema.

      <b:widget id='PopularPosts1' locked='false' title='Entradas populares en cualquier momento' type='PopularPosts'>
      <b:includable id='main'>
      <b:if cond='data:blog.homepageUrl == data:blog.url'>
      <b:if cond='data:title'><h2><data:title/></h2></b:if>
      <div class='widget-content popular-posts'>
      <ul>
      <b:loop values='data:posts' var='post'>
      <li>
      <b:if cond='data:showThumbnails == &quot;false&quot;'>
      <b:if cond='data:showSnippets == &quot;false&quot;'>

      <b:else/>

      </b:if>
      <b:else/>
      <b:if cond='data:showSnippets == &quot;false&quot;'>
      <!-- (3) Show only thumbnails -->
      <div class='item-thumbnail-only'>
      <b:if cond='data:post.thumbnail'>
      <div class='item-thumbnail'>
      <a expr:href='data:post.href'>
      <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
      </a> <br/>
      <a expr:href='data:post.href'><data:post.title/></a>
      </div>
      </b:if>
      </div>

      <b:else/>


      </b:if>
      </b:if>
      </li>
      </b:loop>
      </ul>
      <b:include name='quickedit'/>
      </div>
      </b:if>
      </b:includable>
      </b:widget>

      En la carpeta de la plantilla hay un documento de texto con el diseño, si lo copias y pegas de nuevo en Plantilla, Edición de HTML, continuar, Expandir plantillas de artilugios, eliminas todo y pegas el del documento de texto y se revolverá todas las dudas.

      Eliminar
  5. ¿Cómo puedo hacer para que salgan más entradas en el index y el botón de más entradas?

    ResponderEliminar
    Respuestas
    1. Para que aparezcan mas entradas, tienes que entrar en Configuración › Entradas y comentarios y Mostrar un máximo de, saldrá 7 entradas por defecto, cambia el numero que mas te convenga.

      Para la navegacion de entradas entras Plantilla › Edición de HTML, continuar y Expandir plantillas de artilugios busca este código.

      <!-- navigation -->
      <!-- <b:include name='nextprev'/> -->

      y lo cambias por este otro, tendrás que añadirle el css para que se adapte a la forma que te gusta.


      <!-- navigation -->
      <b:include name='nextprev'/>

      El css de la navegacion.

      #blog-pager-newer-link {
      float: left;
      }

      #blog-pager-older-link {
      float: right;
      }

      #blog-pager {
      text-align: center;
      padding:10px;
      border-bottom:1px solid #ddd;
      }

      Eliminar
  6. AjMr, como puedo hacer para que salga la entrada completa a partir de la segunda? (a partir de la.segunda solo sale el titulo de la entrada)

    ResponderEliminar
    Respuestas
    1. Son muchos cambios los que hay que hacer, esta plantilla esta adaptada a esa forma y cambiarlo todo lleva su tiempo ya que utilizo muchas condicionales, prueba a descargarte esta plantilla que son muy similares y seguro que lo arreglas, si tienes algún problema cuando pueda le ayudo, estos días estado liado y no tenido tiempo de poder responderle.

      Descargar plantilla minima:

      http://ajmrdesign.com/2012/03/interfaz-anterior-de-blogger-dejara-de.html

      Eliminar

Normas comentarios › Leer antes de comentar...

« »

Suscríbete a nuestro feed...