Então gente eu vou dar uma kibada aqui e tals u-u hahah,ando
sem idéias e sem criatividade...Lamentável eu sei...
Vamos ao Tutorial!
Vá em Modelo >> Editar HTML e procure por <head> e cole isso
<link href='http://fonts.googleapis.com/css?family=unica+one' rel='stylesheet' type='text/css'/>Agora procure por ]]></b:skin> e cole esse código
.menu { font-family:'unica one'; color:#fff; font-size:20px; text-transform: uppercase; padding-top:-20px; padding-left:10px; padding-right:10px; padding-bottom:-20px;-webkit-transition: all 1.5s ease-out;text-shadow: 0px 1px 0px #f4426f;text-decoration:none;} .menu a {color:#fff;text-transform: uppercase;text-shadow: 0px 1px 0px #f4426f; text-decoration:none;} .menu:hover{text-align:center; text-transform: uppercase; background: rgba(255, 255, 255, 0.5); padding-top:28px; -webkit-transition: all 1.5s ease-out; padding-bottom:25px; color:#f4426f; text-shadow: 0px 1px 0px #fff; text-decoration:none;}Onde tem color:#fff; é a cor da fonte do menu, aqui tem uma tabela de cores para você usar, em font-size:20px; mudamos o tamanho da fonte para maior ou menos e onde tem padding-top:28px; é o tamanho da borda de cima quando passa o mouse e padding-bottom:25px; é a borda de baixo, mude os números para mais ou para menos para aumentar ou diminuir até onde a borda vai.
E agora para o menu aparecer vá em Layout >> Adicionar um Gadget >> HTML/JavaScript e cole esse código. Repita quantas vezes você precisar
<a href="LINK_AQUI" class="menu">NOME DO MENU</a>
Créditos a: Chá & Cupcake
