 |
| Imagem: Weheartit |
Olá! Hoje trouxe um tutorial super fácil, porém, bem útil. Trata-se de como personalizar os links de navegação padrão do Blogger, onde aparecem Início, Postagens Recentes, Postagens Antigas. O que faremos é colocar no lugar dessas palavras imagens personalizadas por nós. Esse tutorial foi um pedido da Samara. Vale lembrar que os códigos estão presentes em modelos padrões, como Simple e Travel, por exemplo; talvez em layouts personalizados por terceiros sejam diferentes.
1. Acesse Modelo - Editar HTML e procure (Ctrl+F) por:Postagens Antigas
<data:olderPageTitle/>
Postagens Recentes
<data:newerPageTitle/>
Página Inicial
<data:homeMsg/>
2. Troque cada um por:
<img src="URL-DA-IMAGEM"/>
Claro, as imagens serão diferentes: uma para as postagens antigas, outra para as recentes e outra para a Home page, mas o código não muda. Se seu blog tiver uma linha pontilhada como essa:
Procure por .blog-pager { e apague-a deixando o background transparente:
.blog-pager {3. O resultado será parecido com esse:
background: #transparent;
}
E pronto! Espero que lhes seja útil ;3 Beijinhus...
Oii sumida!HAHA adorei o tutorial,voce podia postar uns backgraunds ?hehe
ResponderExcluirKissos no core >u< | ~Aiza | teenagedreamfc.blogspot.com.br
Oii...postarei mais depois então, mas se preferir, dê uma pesquisada aqui no blog para encontrar alguns que já postei :3
ExcluirBjus e obrigada...
É... no meu não deu certo não =/
ResponderExcluirNão? Tente de novo...aqui continua dando certo...
ExcluirRoberta, pode me explicar uma coisa, é que meu Home, sumiu do blog, não sei como fazer voltar :/ e o código tá tudo no lugar certinho, não sei o que aconteceu
ResponderExcluirPara desfazer, coloque no lugar da imagem que adicionou o código da home (data:homeMsg/)...mas aqui tá normal...tem modelos que tem esse código da home 2 vezes; talvez se mudar os 2 códigos dê certo.
ExcluirMuito bom o tutorial :))
ResponderExcluirBeijo http://umdiaqq.blogspot.com.br/
Aceita afiliação ?