[Tutorial] Menu double + Aviso

Oi oi minna-san! Já usei essa imagem? Não lembro... Yay! Vamos começar com meu aviso básico, esses são os meus últimos minutos de internet, meu pai está, nesse momento, cancelando a operadora porque o pacote subiu consideravelmente. Nem sei se vai dar certo postar isso aqui, mas enfim... Não sei por quanto tempo vou ficar sem internet, talvez quinze dias, não sei ao certo, até lá, minhas sinceras desculpas e já estou morrendo de saudades de vocês! Aqui nesse post está o outro tutorial que prometi pra vocês, é este do primeiro gadget.

Preview (www)

Vá em modelo, abra seu Html, aperte Ctrl+F e procure por ]]></b:skin>. Acima do código encontrado coloque:

/*Início do menu double, por Diário de uma Otome*/
#double {
background: #8fc7b1; /*cor do fundo*/
color: #fff; /*cor da fonte*/
font: normal 12px verdana; /*tamanho e tipo da fonte*/
width: 60px; /*largura*/
height: 15px; /*altura*/
display: inline-block; /*não modifique*/
padding: 2px; /*distância entre o texto e a borda*/
margin: 2px; /*distância entre os botões*/
border-radius: 3px; /*borda redonda, se não quiser, apague a linha*/
text-align: center; /*alinhamento, muda para right (direita) ou laft (esquerda)*/
transition: all 0.8s ease-out; /*duração do efeito*/
}
#double:hover {
box-shadow: inset 0 0 1px 3px #5a9980; /*tamanho e cor da borda quando passa o mouse*/
background: #baccc5; /*cor do fundo quando passa o mouse*/
color: #fff; /*cor da fonte quando passa o mouse*/
}
/*Fim do menu double - diario-otome.blogspot.com*/

Para usar é só colar em um Gadget HTML/Javascript:

<a href="LINK"><div id="double" onmouseover="this.innerHTML='NOME 2'"
onmouseout="this.innerHTML='NOME 1'">NOME 1</div></a> <br />

Se quiser que ele apareça ao lado do gadget igual como eu fiz ali, ponha este código no início do código acima: 

<div style="position: absolute; margin-top: -200px; left: -60px;">

Caso a sidebar for na direita, troque "left" por "right". Mude os números para posicionar o menu. Não se esqueça de pôr </div> no final do mesmo código. 

Aí está meu tutorial diwo, se usar ponha créditos. Ah é! Se surgir alguma dúvida, é só falar, coloquei o que você deve modificar em negrito para não bugar ninguém, mas nunca se sabe né? Obrigada e até mais!