segunda-feira, 18 de julho de 2011

Mudando "postagens mais antigas"

Calma, é apenas mais uma dica para vocês personalizarem o blog.
Como sempre, ando buscando coisas fáceis pra ensinar pra vocês. Primeiro eu tento fazer e se eu conseguir ai eu repasso. Não coloco aqui nada sem antes testar, ok? Então vamos lá!
No final da nossa página do blog você percebe que tem início e ao ladinho tem postagens mais antigas. Se você mudar de página aparece também postagens mais recentes, ou seja, é um atalho pra você passar pra próxima página, voltar ou retornar a página inicial. Se você observar no meu blog tenho imagens no lugar dessas mensagens tradicionais e como eu fiz isso? Vou explicar.
Primeiro entre em design, em seguida clique em editar HTML e marque a opção de expandir modelo de widget.
Agora clique F2 e na caixinha de busca cole essa parte do código:
<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'>
Logo abaixo continua assim:
<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'><data:newerPageTitle/></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'><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:mobileLinkMsg/></a>
</b:if>
</b:if>
</div>
<div class='clear'/>
</b:includable>



Pra colocar a imagem basta você substituir as partes destacadas por esse código: <img border="0" src="endereço da imagem"/>


*A primeira parte do código mostra as postagens mais recentes, ou seja volta para a página anterior (data:newerPageTitle).
*A segunda parte do código leva você para a próxima página, ou seja, para visualizar as postagens mais antigas (data:olderPageTitle).
*A terceira e quarta partes destacadas no código vão retornar à página inicial então as duas devem ser modificadas com o mesmo código (data:homeMsg e data:mobileLinkMsg). Então você terá seu código assim:


<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'>
<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 border="0" src="endereço da imagem"/></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 border="0" src="endereço da imagem"/></a>
      </span>
    </b:if>
    <a class='home-link' expr:href='data:blog.homepageUrl'><img border="0" src="endereço da imagem"/></a>
    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><img border="0" src="endereço da imagem"/></a>
      </div>
    </b:if>
  </div>
  <div class='clear'/>
</b:includable>
 Bem é isso, agora você clica em visualizar e se tiver tudo certinho você salva modelo.
Gente mexer no HTML do blog não é um bicho de 7 cabeças, tudo bem é de 5!!! Mas dá pra fazer algumas coisinhas, se seu medo é errar e estragar todo seu blog, faça antes um backup, mas saiba que as mudanças só ocorrem depois que você salva o modelo, se você editar alguma coisa e na visualização percebe que está errado basta limpar edições e tudo volta como era antes. O medo só vai impedir você de fazer as coisas pra melhorar seu cantinho, sem medo tente e depois me conta!! Bjokitas

5 comentários:

Deolinda Gandra disse...

oi niki esta sempre procurando coisas para nos ajudar. obrigada. beijo

Nil Lima da Silva disse...

Oi Nikita, como está menina?
Vim buscar o meu selinho, desculpa demorar, mas só hoje tive um tempinho.
Deu uma bizoiada nas ultimas post do seu blog e quero te parabenizar pelo retorno a "escola", vai ser ótimo pra você, na verdade eu acho que seu retorno pra casa já esta sendo bem possitivo, mas voltar aos estudos vai ser o máximo, você vai ter outros contatos, novos ares na sua cabeça e com certeza as oportunidades aparecerão, você vai ver, logo logo vai pintar um emprego bem bacana e sua vida vai dar uma guinada legal. Pelo menos eu tenho muitas esperanças nisso.
Acho que o seu anjinho tá falando com o homem lá de cima, dizendo que você é boa gente, batalhadora, que vale a pena te dar oportunidade...essas coisas que as pessoas que nos amam falam da gente por ai..rsrsrsr,
Um abraço, muita, muita sorte e fique com Deus.

Patii disse...

ooi nikita você pode votar em mim por favor??
e nesse site:http://s2meh.blogspot.com/p/parcerias.html

♥ Cantinho de Rose Arts ♥ disse...

Olá amiga tem uma tag pra vc no meu cantinho bjs!

Francicleide disse...

Oi amiga querida,tem selinho no meu blog pra vc,passei pra te desejar um feliz e abençoado dia do amigo.Beijos.

Lista de Blogs:

Meu maior tesouro: Família!

Minha shihtzu:

PitaPata - Personal picturePitaPata Dog tickers

Recadinhos:

Tecnologia do Blogger.