Delicious LinkedIn Facebook Twitter RSS Feed

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/AVvXsEhWd2XpZjtAGFoNN03LqibURGNDVUa2CvQBlDMcb2QERyDD2-5ciBjMjHERJuXg-uJb3zuhtNURYFFeBJV_fXQ1gl4A24uCknkgIqyIMRjcYV1TvDUm6OXKRssTOTjd3CdOneTe3dASyas/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/AVvXsEhWd2XpZjtAGFoNN03LqibURGNDVUa2CvQBlDMcb2QERyDD2-5ciBjMjHERJuXg-uJb3zuhtNURYFFeBJV_fXQ1gl4A24uCknkgIqyIMRjcYV1TvDUm6OXKRssTOTjd3CdOneTe3dASyas/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/AVvXsEgWm27stP4uMwL0N2RYk5FQDkszYhd7GUasF6b2ZYa5WLc1fG7ZaaRbgthU8ihOI-2GzLxof1XzZiM0mgtQmodeQwqnofebRnD3Ys5C_RQEPKxX6lyXi3cPtmXxy5Ce7-7CdRsXw40K_pc/s1600/Home.png'/></a>
          <a expr:href='data:olderPageUrl' title='Ver entradas antiguas'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGIJhlYfh6FAcY00mZ948KI6O5I2e4ZjGek8HJZeKtwF9oNqfNyseXPnK9h5cSH4Bp1bFOYxk3AJAEZHUkmXX0vrmSs5sGxe_4zf54NntQOhPtoZnvHS2CXdwCjy1LHaME_I4CiYWX8yc/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.

0 comments:

Post a Comment