Menu Rainbow in Flames

Yoo, my lovers ~

Trouxe um menu super fofo e lindo pra vocês usarem, todo coloridinho. Cliquem aqui para verem a live preview! Esse tuto é totalmente creditado ao Sweet Poison, ok, caramelos? Bem, vamos ao tutorial? 

Lets'go, my babys ~

1. No Blogger, vá em Modelo> Editar HTML.
2. Clique em 'Prosseguir'. Tecle Ctrl F e procure por:

]]></b:skin>

3. Logo acima dessa tag, cole:

.navA, .navB, .navC, .navD, .navE {
font: 15pt arial;
letter-spacing: -2px;
margin-left: 7px;
display: inline-block;
cursor: pointer;
-webkit-transition-duration: .75s;
}
.navA:hover, .navB:hover, .navC:hover, .navD:hover, .navE:hover {
opacity: .35;
}
.navA {
color: #fd4e5b;
border-bottom: 3px solid #fd4e5b;
}
.navB {
color: #fcce47;
border-bottom: 3px solid #fcce47;
}
.navC {
color: #45c676;
border-bottom: 3px solid #45c676;
}
.navD {
color: #13877e;
border-bottom: 3px solid #13877e;
}
.navE {
color: #814456;
border-bottom: 3px solid #814456;
}

4. Salve.
5. Vá para Layout. Adicione um novo gadget de HTML/Javascript e cole:

<div class="navA"><a href="URL 1"><span style="color: #fd4e5b;">LINK 1</span></a></div>
<div class="navB"><a href="URL 2"><span style="color: #fcce47;">LINK 2</span></a></div>
<div class="navC"><a href="URL 3"><span style="color: #45c676;">LINK 3</span></a></div>
<div class="navD"><a href="URL 4"><span style="color: #13877e;">LINK 4</span></a></div>
<div class="navE"><a href="URL 5"><span style="color: #814456;">LINK 5</span></a></div>

6. Edite as partes em negrito e salve.