Personaliza lo de las entradas Antiguas…

  • agosto 18, 2010

El nuevo Blogger incorpora tanto en la p??gina principal, etiquetas y entradas idividuales un pie de navegaci??n, es decir, enlaces a ???Entrada m??s reciente???, ???Entradas antiguas??? y ???P??gina principal??? sin formato y sin estilo. En este art??culo te mostraremos como personalizarlo.
  1. Entra a la pesta??a ???Plantilla??? o tambi??n llamada ???Dise??o??? desde el escritorio y despu??s a la opci??n ???Edici??n de HTML???.
    1. Activa la opci??n ???Expandir plantillas de artilugios??? y en el campo de texto busca el siguiente c??digo:
      <DIV class='blog-pager' id='blog-pager'>
      <b:if cond='data:newerPageUrl'>

      <SPAN id='blog-pager-newer-link'>
      r-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></A>
      </SPAN>
      </b:if>

      <b:if cond='data:olderPageUrl'>
      <SPAN id='blog-pager-older-link'>
      <A class='blog-pager-old
      <A class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pag
      eer-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></A>
      </SPAN>
      </b:if>

      <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>
      Este es el c??digo encargado de mostrar los enlaces de navegaci??n. S?? te das cuenta corresponden aca uno de los links:
      <data:newerPageTitle/> ??? Corresponde al texto ???Entrada m??s reciente???
      <data:olderPageTitle/> ??? ???Entradas antiguas???
      <data:homeMsg/> ??? ???P??gina principal???
    2. Personalizaci??n:Cambiar el texto por otro. Para remplazar el texto por otro de nuestro agrado s??lo remplazamos la etiqueta correspondiente a cada enlace por nuestro texto, por ejemplo, para el link de entradas recientes sustituimos completamente ???<data:newerPageTitle/>??? por ???Art??los m??s recientes??? directamente.Cambiar texto por imagen. Para sustituir el texto por una imagen podemos seguir metodolog??a anterior y remplazar cada etiqueta por su imagen correspondiente. A continuaci??n te damos un ejemplo creado por Blogyweb y que puedes usar libremente con s??lo remplazar el c??digo inicial con este:
      <div class='blog-pager' id='blog-pager'>
      <b:if cond='data:newerPageUrl'>

      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'> <img alt='data:newerPageTitle' src='http://bp0.blogger.com/_Zuzii37VUO4/Rf4lJS031KI/AAAAAAAAAfc/JItp8PeZF1U/s1600/botong_atras.gif' /></a>
      </span>
      </b:if>

      <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'> <img alt='data:olderPageTitle' src='http://bp2.blogger.com/_Zuzii37VUO4/Rf4lEy031JI/AAAAAAAAAfU/iu3bL2eUbhM/s1600/botong_adelante.gif'/> </a>
      </span>
      </b:if>

      <b:if cond='data:blog.homepageUrl != data:blog.url'>
      <a class='home-link' expr:href='data:blog.homepageUrl'>
      <img alt='data:homeMsg' src='http://bp1.blogger.com/_Zuzii37VUO4/Rf4lMi031LI/AAAAAAAAAfk/m7Qpa985MY0/s1600/botong_home.gif'/> </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>
      Dar formato a los links. Si lo ??nico que quieres es darles un mejor formato a estos enlaces modifica los atributos de las siguientes clases:
      #blog-pager-newer-link ??? Para ???Entrada m??s reciente???
      #blog-pager-older-link ??? Para ???Entradas antiguas???
      #home-link ??? Para ???P??gina principal???
      Fuente – blogandweb.com

No Comments Found