Blogger: Como trocar Postagens mais antigas, Recentes e Início por texto ou imagem

Postado por Handson Matheus 5 de ago. de 2012 22:36
Marcado em:

Fazer uma modificação no texto Postagens mais antigas, Postagens mais Recentes e Início é uma perfeita opção para quem quer deixar seu blog com uma melhor impressão de design. Este procedimento é bem fácil e nele aprenderemos a trocar os links por imagens ou simplesmente mudar o texto.

Obs: Antes de fazer qualquer alteração baixe um modelo completo do seu blog. Modelo>Fazer backup/Restaurar>Fazer download do modelo completo.

 Agora vamos ao tutorial!

Faça login na sua conta do blogger, clique no blog que deseja fazer as alterações, navegue até Modelo, clique em Editar HTML, na próxima página clique em Prosseguir. Agora aperte a tecla F3 ou CTRL+F para abrir a caixa de pesquisa, nela digite o seguinte código e aperte Enter.

<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'>

Após procurado deve está mais ou menos assim o HTML:

<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>

O código em Azul troque-o pelo link texto de Postagens mais Recentes
O código em Vinho troque-o pelo link texto de Postagens mais Antigas
O código em Laranja troque-o pelo link texto de Início

Caso queira trocá-los por imagens basta fazer quase o mesmo procedimento, só que ao invés de escrever um texto é só trocar os lugares indicados por o seguinte código:

<img border="0" src="endereço da imagem"/>

Onde está escrito endereço da imagem troque-o pela URL da sua imagem. Para conseguir a URL você precisa já ter as imagens escolhidas e hospedá-las em um site de hospedagem como o ImagesShack. Ou se não quiser ter o trabalho de hospedá-las apenas procure por imagens nesse site abaixo:

Imagens que você pode usar em seu blog:

DIREITA:






ESQUERDA:






HOME:






Para obter as URLS das imagens clique com o botão direito da desejada e depois em Copiar a URL da imagem, feito isso, simplesmente cole em endereço da imagem.

Créditos: 
Dicas para blogs (blog que forneceu a informação)

Escrito por:
Handson Matheus