Oiie + Tutorial: Menu de Abas

Tumblr_m8algi3mfv1ryuiq5o1_500_large

"Então, acredita que ele teve a cara de pau de..." ah, desculpa! Não vi você aí! Tudo Bem? Acho que você não me conhece, certo? Deixe-me apresentar, eu sou a Laura, dona do blog Pink Berry. Eu costumava postar no antigo DFP, mas tive que sair, postava em muitos blogs na época. Mas dessa vez, vim para o novo  DFP para ficar, sabe por que? Porque sei que a Amanda está triste pelo que aconteceu com o blog dela, então, vim ajudar. Eu postar tutoriais, então, trouxe um para vocês hoje. Não é necessariamente um menu, e sim, um gadget onde os links nem precisam carregar, aparecem automaticamente. Vamos lá!
Não gosta de mexer no HTML? Não liga, não vamos usa-lo. Vamos só no tranquilo Design do Modelo. Let's Go?

1. Adicione um novo gadget de HTML com 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'/>

2. Adicione um outro gadget de HTML com esse código. Lembrando, não vamos personalizar, a cor do fundo e a cor da linha será sempre cinza, a cor do título será a cor dos links da sidebar, definina no design do modelo.

<!-- Ínicio Menu Abas ~ By Drikoti.Net -->
<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 ~ By Drikoti.Net -->
<center><br />

Onde tem "Aba 1 (2 e 3)" coloque o nome da aba.
Onde tem "Conteúdo 1 (2 e 3)"  coloque o conteúdo da aba.

Faça assim, para facilitar;
- Em um blog de testes, adicione um gadget. Tanto faz, se quiser uma aba para link-me, adicione um de imagem, se quiser para o "Welcome", adicione um de texto, tanto faz. Escreva o que quiser, depois, clique em "Formato HTML". Copie todo o HTML e coloque no lugar de Conteúdo 1 (2 e 3). Assim fica bem mais fácil.

Beijinhos, espero ver vocês de novo em breve!

21 comentários:

  1. Respostas
    1. Como eu já disse as vezes eu posto comentário no meu próprio blog :B

      Excluir
  2. Esse tuto é súper útil!
    Beem vinda Laura!
    ;D
    blog-the-memories.blogspot.com

    ResponderExcluir
  3. Se blog é lindo! Aceita afiliacao com o meu?

    Kissus e Splaashs
    cherry-bubble-official / blogspot

    ResponderExcluir
  4. Bem Amanda, eu só posso postar no DFP sexta, sábado e domigo, escolhe um desses dias. Os outros eu não posso.

    Sorry :(

    ResponderExcluir
  5. Amei esses blpg.. eu não conhecia o antigo, sinto muito pelo o que aconteceu...


    http://renata-diariodeumaadolecente.blogspot.com.br/

    ResponderExcluir
  6. Eu não entro sexta, sábado e domingo pois segunda, terça, quarta e quinta me dedico aos estudos. Minha vida é MUITO apertada sabe, acho que poderia ser no máximo 2 dias. Se for domingo e sexta, fica perfeito, pois são os dias que tenho certeza que posso entrar.

    Beijos :)

    ResponderExcluir
  7. Bom tuto gata!
    bjs
    cristalsemluxo.blogspot.com

    ResponderExcluir
  8. Oieee, obrigada por visitar o blog. seu blog é lindo demais..
    parabens estou seguindo aqui para lhe ajudar..
    beijos...
    maniaafeminina.blogs...*

    ResponderExcluir
  9. Respostas
    1. Ok mas é a Emilly que coloca e eu não tenho certeza se ela colocou :)

      Excluir
  10. Eu uso esse menu, mas peguei os códigos em outro blog...
    muito lindo aqui, e é óbvio que já estou seguindo!
    Malikisses ;*

    Meu Jardim secreto (Se preferir, acesse pelo meu perfil clicando em meu nome!)

    ResponderExcluir

Otakus e otomes, façam o favor de comentar e deixar sua marquinha aqui :) aceitamos críticas construtivas qualquer dúvida entre em contato pelo meu e-mail amandadnh@gmail.com por favor não xingue qualquer leitor ou administrador do blog. "Seguindo, retribui?" Aceito mas só sigo os blogs que eu gostar.