Oi corações <3
todos bem?
Hoje eu vou ensinar vocês a fazer esse menuzinho fofo, que muita gente quer aprender. vamos lá?
Desde que eu coloquei esse menu aqui no blog, muita gente tem me perguntado como fazer.
Antes de começar, eu gostaria de dar os créditos: os códigos são todos do Drikoti, e eu conheci o tutorial no By: Daniela
Ok, agora vamos lá.
Inicialmente, esse é um tutorial onde trabalharemos no HTML do blog, por isso eu sugiro que você faça um Backup do seu modelo atual, para evitar eventuais problemas.Agora é tudo muito simples, só basta atenção.
Clique aqui, escolha a cor do menu que combina com o seu blog e faça download do respectivo código.
Descompacte o arquivo, copie e código e cole abaixo da tag
do HTML. essa tag está logo no início do código HTML
Para quem tem dificuldades em achar o código, é só apertar 'Crtl + F' no HTML e colar o código das abas abaixo da primeira head que encontrarPronto, agora o menu de abas já está instalado no seu blog.
Agora, para ele aparecer, você deve adicionar um novo gadget e incluir o outro código - baixe também no drikoti, ou copie abaixo:
Onde, o título 1 representa o nome da aba (é só modificar para perfil, por exemplo) e conteúdo 1 é o que vai conter na 1ª aba. você pode colocar qualquer tipo de conteúdo: imagens, códigos HTML, texto, o que quiser ;) só preste atenção para colar os códigos no lugar certo.
Se você desejar mais de três conteúdos, é só adicionar mais um código, assim:
e assim por diante !
Resultado:
Conteúdo 1
Conteúdo 2
Conteúdo 3
Conteúdo 4
Conteúdo 5
Conteúdo 6
Conteúdo 7
Conteúdo 8
Conteúdo 9
Conteúdo 10
Compreenderam, amores?
Aqui embaixo, outro exemplo aqui no LL em uso:
Talvez algumas pessoas podem achar que ficaram muitos gadgets (Pra que né? se dá pra colocar tudo no mesmo gadget?) Mas eu curti assim, pq dividi por temas - por exemplo, os destaques, about e redes sociais...
Como o exemplo ao lado, onde tem o curtir do facebook, e o gadget do WeHeartIt
vocês podem dividir as coisas em abas como acharem que fica melhor pro blog de vocês.
E é isso, corações ^^
espero que mesmo com a minha confusão em explicar (sou péssima com tutoriais >.<), vocês tenham entendido e possam por em prática nos vossos blogs ;)
Qualquer dúvida, é só perguntar, e se não compreenderam mesmo, tentem pelos links que eu dei no começo ;D
beijos mil :*
4 comentários:
Oi flor! Você continua para a 2ª etapa do concurso Best Blog 2011, do Looking Crazy e Take A Look! Eu sou Mandy, do Looking Crazy. Parabéns!
LC - www.looking-crazylc.blogspot.com
TL - www.andrademilena.blogspot.com
Beijos!
Que lindo o menu cute, supeer lindo, me apaixonei, aoisoais
Beijos
acidteen.blogspot.com
Relaxa =)
Provavelmente, você vai ganhar sem mesmo pedir votos, seu blog é incrível!
www.looking-crazylc.blogspot.com
Parabéns, você passou para a 3ª etapa do Best Blog 2011, que é a votação. Se quiser, pode pedir seus votos! Parabéns!
www.looking-crazylc.blogspot.com
Postar um comentário