Bienvenido a mi blog. Aquí encontrarás todas las cosas que he creado e ido aprendiendo con el tiempo, útiles para ti y tu sitio web.

Reemplaza entradas antiguas, recientes y página principal por imágenes

{Entrada Programada}

Hola! Buenos días! Para hoy les tengo preparado un tutorial mega antiguo {arcaico xD}. Con este tutorial podrás cambiar el simple y aburrido Entradas recientes - Página principal - Entradas antiguas por imágenes!!!! -explotan bombardas(?)- .................Si ya sé! YA SÉ!! "¿Qué tiene de especial este tutorial si ya lo he visto en varios blog?" ...Y yo también, pero hay bloggeros que son nuevos en el mundo de blogger y no tienen ni idea de que este tutorial existe. Y como parte en la contribución de perpetuar códigos y tutoriales, hoy ....les enseñaré a quienes no saben como hacer esto. Les dejo una captura de como quedaría.

1RO: Ve a tu Plantilla → Edición de HTML. Expande artilugios {puchale al recuadro de Expandir artilugios para los cuates xD}

2DO: Buscar con botón F3. Busca <data:newerPageTitle/> {este es Entradas recientes} ó <data:olderPageTitle/> {este es Entradas antiguas} ó sino <data:homeMsg/> {es Página principal}.

3RO: Reemplaza cualquiera de ellos. Haciendo uso del código de imagen, reemplazamos uno de los 3 mencionados {Entradas reciente, Entradas antiguas o Página principal}.

4TO: Mira que tal quedó. Dale ha vista previa, si te gusta guarda todo. Y LISTO!

EJEMPLO:

<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl + &quot;?max-results&quot; ' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>

Reemplazo lo de rojo por <img src='aquí URL de tu imagen' />. Quedando así (↓↓↓)

<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl + &quot;?max-results&quot; ' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><img src='aquí URL de tu imagen' /></a>
</span>

RECURSOS:

Bueno espero que les haya servido a quienes desconocían este truquillo. Sin más me despido y en la sgte. entrada les dejo más recursos para este tutorial, solo que la publicaré más tarde. {En cuanto regrese de clases}. Hasta dentro de unas horas .

Créditos: Ciudad Blogger

6 comentarios:

  1. ah gracias!!
    yo siempre,digo que no importa cuan vieja sea la tutorial,luego que la expliquen bien..es lo importante!

    ResponderEliminar
    Respuestas
    1. Ah! pues gracias :D iré haciendo memoria y desenterraré viejos códigos que aprendí hace mucho *-*

      Eliminar
  2. muy lindo tutorial O(≧▽≦)O!!!!!
    gracias^^

    ResponderEliminar
  3. Your аrtіcle offers proven helpful to us.

    Ӏt’s very educatіonаl and you really arе certаinly extremely еxρеrienced in this region.
    Υou possesѕ poρped my oωn eyе іn
    order to numeгоuѕ ѵіeωѕ on this kind of mаtteг
    wіth intrіguing аnd reliable content.


    Looκ at my homepagе ... Valium Online
    Here is my website buy Valium

    ResponderEliminar
  4. Youг сurrent post feаtures establisheԁ benеficial to me.
    It’s гeally infοrmаtive anԁ уоu're simply obviously extremely educated in this area. You have got opened up my own sight in order to numerous thoughts about this matter using interesting and solid written content.

    Also visit my homepage; invalidy.org

    ResponderEliminar

HOME STAFF AFILIATE FOLLOW CONTACT
HOME STAFF AFILIATE FOLLOW CONTACT
Copyright© Nemuri Kuma | Powered by Blogger.
Design n' Blogger template by Kuma.