Oii pessoas, tudo bom? Desculpa não ter postado aqui, tive uma semana muito enrolada, vendo escola para a secundária vish, que antiquada, dever de casa, aula de violão e etc. É ...
Hoje eu trago um tutorial de um blog que eu não lembro qual é! #fail, me desculpem, é que eu copiei e colei no meu bloco de notas e não lembro de onde é agora :S Se for EXATAMENTE igual ao do seu blog, por favor, me diga nos comentários que darei os créditos ^_^
Enfim, isso é um menu de abas:
a foto é do Cute Things mas eu chequei, e o tutorial não é de lá não
Vamos ao tutorial? :)
Primeiramente, vá em Modelo>Editar HTML e clique CTRL+F e procure pela tag <head> e abaixo dela cole o seguinte código:
<link href='http://naah-oliver.zip.net/menu2.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='http://poisonedapple.awardspace.us/tabber.js' type='text/javascript'/>
Em seguida, salve claro e vá em Layout e adc um gadget Javascript/HTML com o código abaixo:
<!-- Ínicio Menu Abas -->
<div class="tabber">
<div class="tabbertab" title="Aba 1">
<br>
Conteúdo 1
</>
</div>
<div class="tabbertab" title="Aba 2">
<br />
Conteúdo 2
</div>
<div class="tabbertab" title="Aba 3">
<br />
Conteúdo 3
</div>
</div>
<!-- Fim Menu Abas -->
<center><br />
Personalize:
Para dar o nome do menu/aba, mude Aba 1, Aba 2 e Aba 3 para o nome que você queira.
Para colocar conteúdo, onde diz Conteúdo 1, Conteúdo 2 e Conteúdo 3 mude para o que você quer! Pode ser um texto, link, imagem, qualquer coisa, já que é HTML.
E claro, para adicionar mais apenas copie de <div class="tabbertab" title="Aba 2"> até o primeiro </div> depois da primeira tag, e cole antes de <!-- Fim Menu Abas -->.
É isso! Espero que tenham gostado do tutorial! Tenham um lindo final de semana ^_^
Olá,
ResponderExcluirPassando pra avisar que saiu o resultado do "Sorteio Especial: Anel Mustache" que você participou \o/ Muito obrigado por participar e corra lá ver o resultado :D
http://www.meianoitebr.com
Que blog lindo, adorei tudo aqui! Estou seguindo.
ResponderExcluirAdorei o tutorial, sempre quis aprender a fazer isso!
http://victory-blog1.blogspot.com.br/
Amei o tutorial flor, seguindo,retribui?
ResponderExcluirhttp://isabela-lopes-oficial.blogspot.com.br/
Adorei! Esse menu é lindo :)
ResponderExcluirGostaria de se afiliar? Eu e minhas amigas estamos recomeçando com o nosso blog. Se gostar dele, por favor, nos diga por comentário!
Beijos,
http://cupcakerules.blogspot.com
Fica bem legal ;)
ResponderExcluirBeijos ;*
Tem sorteio lá no blog
www.thalitamaia.com
Fica lindo! Eu já uso no meu, e amo esse menu! Seguindo aqui :)
ResponderExcluirBeijos,
Sim Senhorita (Clica no perfil, por favor :) Não quero que meu blog seja excluído por "spam")
Adorei o tutorial!
ResponderExcluirLegal o tuto flor gostei !!
ResponderExcluirhttp://ianapaulinhaaaa.blogspot.com.br/
Olá! Obrigado, ajudou bastante *-* agora vai ficar tudo colorido, hahahaha <3
ResponderExcluirhttp://messofeelings.blogspot.com.br/
Pow, muito obrigado! me ajudou d+ é raro achar tutorial tão explicadinho assim rsrs
ResponderExcluirFicou massa!
ResponderExcluirianapaulinhaaaa.blogspot.com
Seu blog é lindo, eu adorei! O tutorial é muito bom, tá bem explicadinho e nem é difícil de fazer, talvez depois eu coloque no meu blog *--*
ResponderExcluirJá estou seguindo o seu, achei bem interessante...
---> kissofgloss.blogspot.com
Gostei do Tutorial, Muito Útil!
ResponderExcluirAdorei seu blog, Bjoos
Vamos Caprichar
Heey! Eu estava louca a procura desse tuto, mas eu não sabia o nome desse menu AUHSUSAHUSAHUSAHU
ResponderExcluirE graças a você eu entendi tudo certinho, já coloquei até lá no meu blog!
Bjoos, e já tô te seguindo =3
(pequena-sunshine.blogspot.com)