Essa semana recebi um e-mail de um de nossos leitores, o Rafael A. M., perguntando com alterar imagem dos links postagens mais recentes, inicio e postagens mais antigas do rodape da coluna do post. Para quem ja esta acostumado com os mecanismos do Blogger, essa alteracao nao representa qualquer dificuldade, entretanto para aqueles que estao comecando agora ou que utilizam o Blogger ha algum tempo mas nao sao muito intimos de HTML E XML, a coisa nao parece ser das mais simples. Modificar o texto ou usar imagens no lugar dos links postagens mais antigas, postagens mais recentes e inicio nao e dificil, mas encontra-lo no codigo HTML, so contrantando Sherlock Holmes. Quem ja tentou procurar utilizando as frases postagens mais antigas ou postagens mais recentes concerteza nao encontrou. O motivo: o Blogger utiliza tags XML para esses mecanismos. Mas chega de historia e mais explicacoes, vamos passar para o lado pratico da coisa. Para identificar esses links no codigo HTML do seu blog, prossiga da seguinte forma: 1 Va em Editar HTML e clique em expandir o modelo de widget, logo em seguida procure por: <b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'> Logo abaixo deve conter, com poucas lteracoes dependendo do layout do seu blog, o seguinte codigo: Nesse codigo, as tags marcadas em vermelho, represetam, respectivamente, Postagens mais recentes, Postagens mais antigas e Inicio (link que leva a homepage). <data:olderPageTitle/> link para postagens mais antigas; <data:newerPageTitle/> link para postagens mais recentes; <data:homeMsg/> link para pagina inicial do blog, (esse aparece no codigo duas vezes, entao modifique as duas da mesma maneira). <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:homeMsg/> </a> </b:if> </b:if> </div> <div class='clear'/> </b:includable> Voce tem algumas opcoes a serem trabalhadas nesses links. Voce pode: remove-los; substitui-los por imagens(previamente hospedadas em provedores como o tynipic ou photobucket); Substituir os nomes dos links (ex.: Pagina anterior e Proxima pagina) ou; decorar os links utilizando CSS. Para os efeitos didaticos deste post, veremos como substituilos por outros textos e por imagens: Substituindo por outros textos: Para substituir por outros textos, troque apenas da meneira como esta sendo indicado abaixo: <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'> TEXTO A SER EXIBIDO </a> Substituindo os textos por imagens: Para substituir por outros textos, troque apenas da meneira como esta sendo indicado abaixo: <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="endereco da imagem"/> </a> Observe que aqui nos substituimos os respectivos links por codigos de imagens. Estas imagens relacionadas a proxima pagina ou posts mais antigos e, pagina anterior ou postas mais recentes, voce podera encontrar na internet ou cria-la no seu PC utilizando programas como Flash, Fireworks ou CorelDraw e hospeda-las em servidores de imagnes como o tynipic, o photobucket ou imagehack. Apos fazer as alteracoes clique para visualizar e, se nao der qualquer erro, clique em