Menu "Blueberry"

Feliz Dia das Crianças Atrasado >.<

Hey pessoal! Ontem foi dia das crianças! E digo parabéns para TODOS, pois todos ainda somos crianças e sempre vamos ser. Okay agora sobre o post né. Hoje trouxe o menu Blueberry, créditos ao Miki Candy, foi la que eu aprendi e os códigos também são de lá. Mãos a obra?

O resultado é esse:

Vá no seu HTML do blog e aperte CTRL + F e procure por ]]></b:skin>

Acima do que você achou cole isso:

/* Menu Blueberry by Miki Candy */blueberry{color: #fff; /* cor da fonte quando passa o mouse */text-align:center;font-size: 11px; /* Tamanho da fonte do menu */background: #3FCFAD ; /* Fundo do menu */padding: 2px;float: left;margin: 2px;cursor: crosshair; /*cursor */width: 45%; /* tamanho do menu */-webkit-transition-duration: .80s;border:1px dotted #D682DE; /* bordas */border-radius: 10px; /*---- bordas arredondadas ----*/}blueberry:hover{background:#D682DE; /* fundo do menu quando passa o mouse */border:1px solid #3FCFAD; /* bordas quando passa o mouse */color: #fff; /* cor da fonte quando passa o mouse */-webkit-transition-duration: .80s;border-radius: 5px; /*---- bordas arredondadas ----*/}

Modifique de acordo com o seu layout e salve.
 Agora, para usar o menu, é só adicionar um Gadget HTML/Java Script, e colar esse outro código dentro:

<div><a href="URL 1"><blueberry>NOME 1</blueberry></a>
<a href=" URL 2 "><blueberry>NOME 2</blueberry></a>
<a href=" URL 3 "><blueberry>NOME 3</blueberry></a>
<a href=" URL 4"><blueberry>NOME 4</blueberry></a></div>

Modifique de acordo com o que você vai colocar no menu e salve.

Espero que tenham gostado, qualquer dúvida comente aqui. Como só pode ter um post por dia, até quarta!

Beijos