Como trocar Postagens mais antigas, Recentes e Início por texto ou imagem, no blogger

Como trocar 
Postagens mais antigas
Postagens Recentes e Início do blog
por texto ou imagem, no blogger

Tutorial:


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

Tutorial, passo a passo

"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:
IconFinder

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




fonte: blogdoomatheus 


Postar um comentário

0 Comentários