Menu Bubbles

Hoje trago um menu muito fofo para vocês, é o menu bubbles, para ver o menu clique aqui

Para colocar este menu em seu blog, coloque o código abaixo antes da  tag ]]></b:skin>

/*** menu bubbles por htmlstrew ***/
.gud.button{
padding:5px 20px;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size:18px;
text-transform:uppercase;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
color:#fff !important;
border:2px solid #fff !important;
background-color: #c8dbd4;
margin-left:2px;
text-shadow:1px 1px 0px #8B9893;
}
.gud.button:hover{
background-color:#ff8080;
}

Se quiser a mesma fonte, coloque o código abaixo antes de </head>

<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'/>

Para fazer o menu funcionar coloque o código abaixo no gadget html/java script

<a href="/" class="button gud">link</a>
<a href="/" class="button gud">link</a>
<a href="/" class="button gud">link</a>
<a href="/" class="button gud">link</a>
<a href="/" class="button gud">link</a>
<a href="/" class="button gud">link</a>

Para colocar no cabeçalho:

<div style="position: absolute; margin-top: -100px; left: -200px;">COLOQUE O CÓDIGO DO MENU AQUI</div>

Depois é só aumentar ou diminuir os valores até chegar onde você queira!
-Se seu layout só tem o gadget do cabeçalho e você não sabe como colocar
mais gadgets, clique aqui para saber como instalar mais gadgets no cabeçalho.