Personalizar Links: Postagens mais antigas,Postagens mais recentes e home

Esse tuorial é simples e facil, nele a gente vai personalizar as divs desses links de navegação.


então primeiramente vá no modelo >> Editar HTML>> expandir modelos widjet
e procure por
 <b:includable id='nextprev'>

, e vai aparecer algo assim:


Apague todo esse trecho e substitua por esse:

<b:includable id='nextprev'>
  <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 + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><img src='ENDERECO-DA-IMAGEM-DO POSTAGENS MAIS RECENTES'/></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 + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><img src='ENDERECO-DA-IMAGEM-POSTAGENS MAIS ANTIGAS'/></a>
      </span>
    </b:if>

    <a class='home-link' expr:href='data:blog.homepageUrl'><img src='ENDERECO-DA-IMAGEM-DO INICIO'/></a>

Pronto! é so isso. visualize e salve se tudo estiver certo.

2 comentários:

Cara disse...

No meu não aparece isso de expandir modelos de widgets
Por que sera?
http://loveandei.blogspot.com.br/

Thallyta Ferreira disse...

Porque a interface do blogger mudou. Então não se tem mais isso.

Postar um comentário

 

TODOS OS DIREITOS RESERVADOS A SAIKYOU DESIGN - DESIGN E SISTEMA PRODUZIDOR POR DANIEL BARRETO