Primeiro vá em: Design>Editar HTML e procure por :
]]></b:skin>
Copie o código abaixo e cole depois da tag acima:
<style>
a.menu{
width:250px;
height:30px;
background: url(URL DO BOTÃO ANTES DE PASSA O MOUSE) no-repeat;
display:block;
padding-left:0px;
border-left:0px solid #333333;
border-bottom:0px solid #BBBBBB;
font-weight:bold;
line-height:175%; }
a.menu:hover{
background: url(URL DO BOTÃO COM O MOUSE EM CIMA) no-repeat;
display:block;
padding-left:0;
border-left:0px solid #333333;
border-bottom:0px solid #bbbbbb;
color:#161616; }
</style>
Width: Largura da sua imagem
Height: Altura da sua imagen
background: url(URL DO BOTÃO ANTES DE PASSAR O MOUSE) no-repeat;
E para posicionar o menu mexer no
padding-left.
Depois disto salve, vá em Editar Html, crie um novo Gadget Html/JavaScript e cole o código abaixo:
<a class="menu" href="exemplo.com">Exemplo</a>
Depois só mudar o "Exemplo.com" e o "Exemplo"
Qualquer duvida só deixar um comentário que estarei respondendo.
0 comentários:
Postar um comentário