Substituir o menu de navegação por imagens

Hoy , hoje trouxe um tutorial bem simples e dá um efeito super especial no seu Lay ,

Sabe aqueles link's que ficam no footer da página?

O famoso menu de navegação

vamos substituir por imagens?

Let's Go

-------------------------------------------------------------------------------------------------------

Ficará mais ou menos assim

imagem do blog Attitude Included

Abra o seu html e marque a opção "Expandir modelos de Widgets" 

imagem do blog Cherry Bomb

Vamos substituir o Link "Inicio"

Aperte ctrl+f e procure por "<data:homeMsg/>"
Substitua pelo seguinte código

<img src="url_da_imagem"/>

Vamos substituir o link  "Postagens mais antigas"

Aperte ctrl+f e procure por "<data:olderPageTitle/>"

Substitua pelo seguinte código

<img src="url_da_imagem"/>

Vamos substituir o link "Postagens mais recentes" 

Aperte ctrl+f e procure por "<data:newerPageTitle/>"
Substitua pelo seguinte código

 <img src="url_da_imagem"/>

 Prontinho feito isso visualize para ver se está tudo certo e salve
Créditos CB(www)