lunes, 31 de enero de 2011

Entradas antiguas, inicio y entradas nuevas, fijo abajo del blog

El ejemplo lo pueden ver en mi blog abajo a la derecha. Algo así:




¿Cómo se hace...?

Ir a Diseño, Edición de HTML, Expandir plantillas de artilugios.

Buscar el siguiente código: (Ctrl+F)

Puede variar según la plantilla o si le han hecho algún cambio.

    <b:if cond='data:blog.homepageUrl != data:blog.url'>
      <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      <b:else/>
      <b:if cond='data:newerPageUrl'>
        <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      </b:if>
    </b:if>
  </div>

<!-- ACÁ VA EL CÓDIGO -->


  <div class='clear'/>


Donde dice:  <!-- ACÁ VA EL CÓDIGO --> poner el siguiente código:

<span style='position:fixed;bottom:5px;right:80px;z-index:99999999;'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
   <a expr:href='data:blog.homepageUrl' title='Ver entradas nuevas'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY5k8Jaxg7lo5rkxFQgMmvA4m9uJv2R70VJVGDP5lXSovk4DHYVZWVRAA5AEV3SUG1UEMUx2NaOPzPdhWDfVOO45S8xIs_92953gXTG19TKZya5URAlqGJryZgvGQcSbtyaKe4i9IO3iw/s1600/Left.png'/></a>
<b:else/>
          <a expr:href='data:newerPageUrl' title='Ver entradas nuevas'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY5k8Jaxg7lo5rkxFQgMmvA4m9uJv2R70VJVGDP5lXSovk4DHYVZWVRAA5AEV3SUG1UEMUx2NaOPzPdhWDfVOO45S8xIs_92953gXTG19TKZya5URAlqGJryZgvGQcSbtyaKe4i9IO3iw/s1600/Left.png'/></a></b:if>
          <a expr:href='data:blog.homepageUrl' title='Inicio'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0uG6P5Vbl3UMGsQg4g_E4tS1qmbDL9IAMYeoLzyzEssfrkaM10_mtXVEgmr1omMOM-QToQqj2LO3Sy2DEvAE-qL7zFZX6e7uSVyRX4gfN476CfHZMIUfMDBS_dR1NRXnsL-4Xg3I5nUQ/s1600/Home.png'/></a>
          <a expr:href='data:olderPageUrl' title='Ver entradas antiguas'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj98f5ub5xrOddDF_u3AnFolYuU_BaBl39tqoA5e_s72r9B4rfvk4dTWRoJeQGSAto7nKInHgmiuoIEgvIUVDHAzgTtPDwwHlErKJ9IMUs1eUVsKg9CokcyCgLwW0aRUd1SmXQ8x4ll3gs/s1600/Right.png'/></a>
  </span>


Cambiar por sus propias imágenes y su título.

Ajustar las distancias desde abajo (bottom:5px) y desde la derecha (right:80px)

Vista previa y si todo va bien guardar.

Entrada a pedido de Angel.

No hay comentarios:

Publicar un comentario