Menu Rippi

Trouxe para vocês um menu super fofo, o menu Rippi. Eu o encontrei no tumblr Olfriend

e adaptei para o blogger. Para ver o menu clique aqui

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

/*** MENU RIPPI POR OLDFRIEND.TUMBLR.COM ***/
.rippi2{
width:100%;
text-align: center;
}
.rippi2 a, .rippi2 span{
cursor: pointer;
font-family:"Economica";
font-size: 18px;
background: #ccd4d5;
color: #fff;
text-shadow: 1px 1px 0 #a0acae;
width: 75px;
border-bottom: 3px double #a0acae;
padding: 4px 0;
margin: 0 -2px 1px 0;
display: inline-block;
text-align: center;
}

Para colocar a mesma fonte, antes de </head> coloque o seguinte código:

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

Para fazer o menu funcionar em seu blog, copie o código abaixo e coloque no gadget html/java script

<div class="rippi2">
<center>
<a href="/">link</a>
<a href="/">link</a>
<a href="/">link</a>
</center></div>
<div class="rippi2">
<center>
<a href="/">link</a>
<a href="/">link</a>
<a href="/">link</a>
</center></div>

Para colocar mais link repita o código:

<div class="rippi2">
<center>
<a href="/">link</a>
<a href="/">link</a>
<a href="/">link</a>
</center></div>