Tuto-Menu de Abas

Annyeong!!!

Hoje estou a apostar da escola porque a minha mãe só me deixa vir ao pc nos fim-de-semana por isso para não estar afastada do blog venho apostar na escola mas sem ser isso tenho uma amiga nova na escola que gosta de animes e k-pop e adora os Bts e eu também gosto muito deles são uma das minhas bandas favoritas.hoje vim apostar um tutorial pois eu quero que o meu blog seja famoso e os blogs de tutoriais são muito mais famosos(exemplo:Kawaii World) e eu gosto muito desse blog só que é triste algumas pessoas xingarem a Kaorri  muitas vezes e isso acho que é inveja do blog dela por ser  muito famoso.

1. Adicione um gadget de HTML/JavaScript e nele, cole:

 

<link rel="stylesheet" href="http://drikoti.net/Tabber/tabber-cinza.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://drikoti.net/Tabber/tabber.js"></script>

Salve e prossiga. Esse código é do javascript, será o que criará o efeito na formatação.

2. Adicione outro gadget de HTML/JavaScript e dessa vez, cole:

 

 

<div class="tabber">

<div class="tabbertab" title="Aba 1">

<br>

Conteúdo da aba 1

</>

</div>

<div class="tabbertab" title="Aba 2">

<br />

Conteúdo  da aba 2</div>

<div class="tabbertab" title="Aba 3">

<br />

Conteúdo da aba 3</div>

</div>

<center><br />

 

Troque Aba 1, Aba 2 e Aba 3 pelos títulos das abas e coloque o conteúdo no local indicado.

Para adicionar uma nova aba, depois do primeiro div da aba 3, cole:

 

 <div class="tabbertab" title="Aba nova">
<br>
Conteúdo da aba nova
</>

 

Kiss!