1 de fevereiro de 2012

Colocando Imagem no "Postagens Mais Recentes"

Muitas pessoas vêem em alguns blogs ou sites, para passar para paginas anteriores, imagens ao invés da palavra "Inicio", "Postagens Mais Recentes" e "Postagens Mais Antigas", por isso, no primeiro tutorial do iTeeny, vou ensinar como colocar isso...
Lembrando que sempre que você for mexer no HTML de seu blog, faça o Backup!
Para quem não sabe, essas são as palavras:


Isso é bem simples de se fazer, vamos começar pelo icone "Início"...
Entre em Editar HTML e aperte CTRL+F e digite:




<a class=’home-link’ expr:href=’data:blog.homepageUrl’><data:homeMsg/></a>
e apague a parte em rosa e coloque o seguinte:


<img src="URL DA IMAGEM" />

Coloque na parte em rosa o URL da imagem que quer que apareça!
Entre novamente em Editar HTML e aperte CTRL+F e digite:



Agora o "Postagens Mais Antigas", da direita:
Entre novamente em Editar HTML e aperte CTRL+F e digite:

<a class=’blog-pager-older-link’ expr:href=’data:olderPageUrl’ expr:id=’data:widget.instanceId + "_blog-pager-older-link"’ expr:title=’data:olderPageTitle’><data:olderPageTitle/></a>

e repita novamente o processo de retirar a parte em rosa e substituir por:

<img src="URL DA IMAGEM" />
Agora o "Postagens Mais Recentes", da esquerda:
Entre novamente em Editar HTML e aperte CTRL+F e digite:

<a class=’blog-pager-newer-link’ expr:href=’data:newerPageUrl’ expr:id=’data:widget.instanceId + "_blog-pager-newer-link"’ expr:title=’data:newerPageTitle’><data:newerPageTitle/></a>
 Tire a parte em rosa e substitua novamente por:

<img src="URL DA IMAGEM" />

 Qualquer duvida fale nos comentarios e comentem também se gostaram!

Nenhum comentário:

Postar um comentário