como colocar menu fast horizontal.

Eae galera tudo blz? confiram ai de como colocar menu fast no  blog igual esse:

Vai em painel do blog, modelo editar html e depois aperte Ctrl+F e procure pela tag: ]]></b:skin>
Depois acima dessa tag cola este codigo:



/* MENU-HORIZONTAL ----------------------------------------------- */ #menu-horizontal { font: normal 20px 'play','Arial',Verdana,Sans-serif; } #menu-horizontal li { list-style: none; margin: 0; display: inline; } #menu-horizontal li a { margin-left:2px; margin-right:2px; -webkit-transition: all 0.7s linear; -moz-transition: all 0.7s linear; -o-transition: all 0.7s linear; transition: all 0.7s linear; } #menu-horizontal li a:link { color: #XXXXXX; text-shadow: 2px 2px 2px #000; } #menu-horizontal li a:visited { color: #XXXXXX; text-shadow: 2px 2px 2px #000; } #menu-horizontal li a:hover { color: #XXXXXX; text-shadow: 2px 2px 2px #XXXXX; text-decoration: none; }

Depois edite esses comandos:

font: nesta tag você estipula o tamanho da font e escolhe a font.
margin-left:2px;: aqui você distancia a palavra da esquerda.
margin-right:2px;: aqui você distancia a palavra da direita.
color: #XXXXXX;: edite as cores. text-shadow: sobra projetada, edite as distâncias e as cor da sombra.

Depois procure pela tag: <div id='outer-wrapper'>
E cole esse codigo embaixo dela:


<div class='post-title entry-title' style='float:left; margin-top:XXXpx; margin-left:XXpx; line-height:20px;'>
<ul id='menu-horizontal'>
<li><a href='url'>nome</a></li></ul></div>

Agora edite esses valores:
'url' edite o link
nome: coloca qualquer nome tipo inicio
margin-top:XXXpx;: dê valores que coloquem para cima ou para baixo.
margin-left:XXpx;: dê valores que levem para direita (se aumentar) ou para esquerda (se diminuir).

Se quiser colocar mais para direita cola o mesmo codigo:


<div class='post-title entry-title' style='float:left; margin-top:XXXpx; margin-left:XXpx; line-height:20px;'>
<ul id='menu-horizontal'>
<li><a href='url'>nome</a></li></ul></div>

É isso galera.