Imagem no lugar dos links de navegação Ínicio,recentes e antigas

               O tutorial , de imagens no lugar do postagens ínicio ,recentes e antigas!

                    

Olá meninas , estou com o tutorial , que eu mesma prometi 

no post de imagens para Ínicio ,recentes e antigas . bom achei que o título desse post ficou muito grandinho ..

Eu já falei tudo que devia na quele post ,  peço á vocês que estão online no blog , que comente lá no post que eu tinha quase acabado de postar ! Vamos pro tutorial ~~ é muito fácil gente ,vocês descem a página toda do blog , e lá você vai ver umas imagens de  Antigas... não vou falar muito , porquê eu ainda quero fazer um outro post , de Blogs que eu RECOMENDO - Parte II , fiquem de olho !

Exemplo :

Eu já postei um tutorial ensinando isso, mas aquele método está dando erro depois da 

atualização do blogger, então resolvi postar uma maneira nova (e muito mais fácil) de fazer isso.

Vamos lá! Antes de tudo, crie as três imagens que você vai usar, ou escolha umas das que 

eu fiz que estão aqui .

Abra o painel do blogger, clique no nome do seu blog, depois, clique em "Modelo" no menu vertical que aparece no lado esquerdo da tela. Clique no botão "Editar HTML" que fica em baixo da miniatura do seu blog, e clique em prosseguir no aviso que aparecer. 
Marque a opção "Expandir modelos de widgets"

Substituindo o link "Início"

 Aperte Ctrl+F e procure por: <data:homeMsg/> Esse código vai aparecer em dois lugares, mas você só vai mexer no primeiro que aparecer.
 Substitua esse código pelo código abaixo:
<img src="url_da_imagem"/>

Substituindo o link "Postagens mais antigas"

 Aperte Ctrl+F e procure por: <data:olderPageTitle/>
 Substitua esse código pelo código abaixo:
<img src="url_da_imagem"/>

Substituindo o link "Postagens mais recentes"

 Aperte Ctrl+F e procure por: <data:newerPageTitle/>
 Substitua esse código pelo código abaixo:
<img src="url_da_imagem"/>

Agora é só visualizar. Se estiver tudo nos conformes, salve.