Design & Blog
Que tal criar uma conta no Design & Blog?

Registrado você pode ver os links e imagens postados em nossos fóruns, criar novos tópicos, responder tópicos e mandar mensagens para seus amigos.

Você também pode se conectar pelo Facebook, uma forma mais fácil e melhor para a sua conta.

Ta esperando o que?

[TUTORIAL] Removendo os links "Postagens mais antigas","Postagens mais recentes" e "Início"

Ir em baixo

[TUTORIAL] Removendo os links "Postagens mais antigas","Postagens mais recentes" e "Início"

Mensagem por Jonas em Dom Fev 26, 2012 6:10 am

Muita gente não gosta dos links de navegação do Blogger e removem-os. Você pode remover-los, colocar imagens no lugar dos links e até colocar numeração nas páginas, mas agora vou mostrar como remover os links e como trocar-los por imagens.



Personalizando os Links de Navegação






Agora vou mostrar como remover os links de navegação e deixar o espaço vazio no lugar dos links



- Vá no Painel do Blogger ([Você precisa estar registrado e conectado para ver este link.]

- Vá em Modelo > Editar HTML > Prosseguir

- Marque a opção Expandir Modelos de Widget

- Aperte CTRL+F do seu teclado e procure por <data:newerPageTitle/>




Você vai encontrar o seguinte código:









<b:if cond='data:newerPageUrl'>

      <span id='blog-pager-newer-link'>

      <a class='blog-pager-newer-link' expr:href=newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>

      </span>

    </b:if>


Se você quiser trocar o link "Postagens mais Recentes" por outra frase, troque o trecho destacado em azul por: <p>SUA FRASE AQUI</p>

É só trocar o "SUA FRASE AQUI" pela sua frase desejada.

Se você quiser adicionar uma imagem no lugar dos links, troque o trecho em azul por: <img src="LINK DA IMAGEM" />









- Agora procure por <data:olderPageTitle/>  






 <b:if cond='data:olderPageUrl'>

      <span id='blog-pager-older-link'>

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

      </span>

    </b:if


Se você quiser trocar o link "Postagens mais Antigas" por outra frase, troque o trecho destacado em azul por: <p>SUA FRASE AQUI</p>

É só trocar o "SUA FRASE AQUI" pela sua frase desejada.

Se você quiser adicionar uma imagem no lugar dos links, troque o trecho em azul por: <img src="LINK DA IMAGEM" />












- Procure o código abaixo para personalizar o link "Início"




   <a class='home-link' expr:href=blog.homepageUrl'><data:homeMsg/></a>

Se você quiser trocar o link "Início" por outra frase, troque o trecho destacado em azul por: <p>SUA FRASE AQUI</p>

É só trocar o "SUA FRASE AQUI" pela sua frase desejada.

Se você quiser adicionar uma imagem no lugar dos links, troque o trecho em azul por: <img src="LINK DA IMAGEM" />


Agora é só clicar em Salvar Modelo e pronto.



Se você quiser remover os links de navegação, basta apagar todos os trechos destacados em azul

_________________
[Você precisa estar registrado e conectado para ver esta imagem.]


avatar
Jonas
Admin
Admin

Mensagens : 35
Data de inscrição : 19/02/2012
Idade : 21
Localização : Em casa \o/

Ver perfil do usuário http://designeblog.directorioforuns.com

Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum