Substituindo os links "Postagens Antigas e Postagens Recentes" por imagens

Postagens, Tutoriais
12


Pra quem deseja optar por uma melhor personalização no template, uma boa sugestão é começar alterando os links no final de todas as suas postagens por imagens personalizadas do jeitinho que você quiser, isso é possível com apenas algumas modificações no seu template como vou mostrar logo adiante;

A primeira coisa que você deve fazer é preparar as imagens, uma para Postagens Antigas e outra para postagens recentes. Mais… Se você quiser imagens já prontas é só acessar o site do iconspedia e selecionar os ícones que representará os respectivos links que deveremos alterar.

Agora que já está tudo pronto vamos as alterações. Acesse o editor HTML do seu blog e clique na caixinha “Expandir Modelos Widgets”, agora localize (Ctrl + F) pelo primeiro trecho que corresponde às postagens recentes:

<data:newerPageTitle/>

Após localizado, substitua o código acima pelo trecho seguinte:

<img border=”0″ src=”Link da imagem aqui“/>

Substitua o que está em negrito pelo link da imagem que você preparou para as postagens recentes.

Pronto, agora vamos alterar o link das “Postagens Antigas“, para isso localize por:

<data:olderPageTitle/>

E realize o mesmo processo anterior, substitua o trecho pelo código abaixo:

<img border=”0″ src=”Link da imagem aqui“/>

Pronto, acabamos de substituir os links Postagens Antigas e Postagens Recentes, mais calma, ainda não acabou, existe um outro link entre os dois que acabei de mostrar, é o link “home ou página inicial” que também poderá ser substituido por uma imagem. Para que alteremos você terá que substituir o seguinte trecho:

<data:homeMsg/>

Novamente pela o código da imagem:

<img border=”0″ src=”Link da imagem aqui“/>

NOTA: Você deverá encontrar o <data:homeMsg/> 2 vezes portanto altere os dois para que funcione corretamente.

12 Comentários

  2. @Luisa,
    Obrigado pelos elogios. Sobre este efeito, recomendo que leia o Tutoriais para Photoshop localizado ao lado nos meus links que concerteza você encontrará algo semelhante a esse.

    Abraço.

    Responder

  5. @Luisa,
    Antigamente eu usava esse efeito, sei que ele é um pattern, mais também pode ser usado como style, mais andei pesquisando desde ontem por aí e acabei não encontrando nada, fico devendo essa. :/

    Responder

  6. @Luisa,
    Antigamente eu usava esse efeito, sei que ele é um pattern, mais também pode ser usado como style, mais andei pesquisando desde ontem por aí e acabei não encontrando nada, fico devendo essa. :/

    Responder

  7. @Luisa,
    Antigamente eu usava esse efeito, sei que ele é um pattern, mais também pode ser usado como style, mais andei pesquisando desde ontem por aí e acabei não encontrando nada, fico devendo essa. :/

    Responder

  8. Como faz para deixar “Postagem mais recente”, “Início” e “Postagem mais antiga” como está o seu?
    É porque o lay que estou usando imagem não fica legal.

    Responder

  9. Como faz para deixar “Postagem mais recente”, “Início” e “Postagem mais antiga” como está o seu?
    É porque o lay que estou usando imagem não fica legal.

    Responder

Deixe um comentário

Ao comentar você concorda com nossa Política de Comentários.