Trocando texto
"Inicio"
"Postagens mais Recentes"
"Postagens mais antigas"
por imagens de navegação no Blog
"Pedido"
Esse tutorial foi pedido pelo xat!
vamos lá:
1 - Em primeiro lugar recomendo que já escolham as imagens que desejam usar. Vamos precisar de três imagens: Uma para indicar postagens mais antigas (seta para direita), uma para postagens mais recentes (seta para esquerda) e outra para Homepage (casinha). Sugiro procurar no Google Imagens ou o http://www.iconfinder.net.
2 - Após encontrar as imagens que deseja, hospede-as em um luagr qualquer de sua preferência. recomendo aqui o www.photobucket.com ou o www.imageshack.us. Após hospedar reserve os links das imagens (links diretos).
3 - Vá até o editor de Html de seu blog e procure pelo seguinte código:
<b:includable id='nextprev'>
4 - Logo abaixo dele encontre:
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"'expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
5 - Substitua todo o código acima pelo seguinte para imagem de "Postagens mais recentes":
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><div align='left'><img src='AQUI O ENDEREÇO DE SUA SETA PARA A ESQUERDA'/></div></a>
6 - Mais abaixo encontre o código:
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
7 - Substitua todo o código acima pelo seguinte para imagem de "Postagens mais antigas":
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><div align='right'><img src='AQUI O ENDERÇO DA SUA SETA PARA A DIREITA'/></div></a>
8 - Procure este código:
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
9 - Substitua todo o código acima pelo seguinte para imagem de "Homepage":
<a class='home-link' expr:href='data:blog.homepageUrl'><div align='center'><img src='AQUI O ENDEREÇO DA CASINHA'/></div></a>
10 - Lembre-se de substituir os textos em AZUL pelos endereços de suas imagens e pronto!
11 - Imagens ou faça a sua!
Gosto Comente Por Favor Sua mao nao ira cair
0 comentários:
Postar um comentário