Como Colocar O Menu Lavamp Com Traço No Blogger - Tutorial

Como Colocar o Menu Lavamp Com Traço No Blogger Como Na Foto Acima é Um Traço Que Ficara Seguindo Os Links Do Menu De Acordo Com o Mouse Em Baixo Do Menu.

1ª Passo - Proucure Por:

]]></b:skin> 
E Cole o Código Acima De ]]></b:skin>:

#bar-pay_size-Masters {
width:1000px;
margin:auto;
margin-top: 5px;
margin-left: 5px;
background:url(http://i.imgur.com/KbhSI.png) no-repeat;
height:45px;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:12px;
color:#FFF;
font-weight:bold;
text-align: center;
}
.page {
position: relative;
height: 51px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
padding-left: 100px;
margin:auto;
overflow: hidden;
text-align: center;
}
.page li {
float: left;
list-style: none;
}
.page li.back {
width: 9px; height: 50px;
z-index: 8;
position: absolute;
}
.page li.back .left {
background: url(http://i.imgur.com/ePVR8.png) no-repeat bottom center;
height: 51px;
margin-right: 0px;
margin-top:1px;
}
.page li a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration: none;
color:#ccc !important;
text-shadow: #000 1px 1px;
outline: none;
text-align: center;
top: 10px;
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
padding:3px 15px 10px 15px;
margin: auto 0px;
}
.page li a:hover, .page li a:active, .page li a:visited {
border: none;

}

2ª Passo - Proucure Por:

</head>
E Cole o Código Acima De </head>:

<script src='http://alexxx-design.webs.com/script.js' type='text/javascript'/>
<script src='http://alexxx-design.webs.com/jquery-1.2.3.min.js' type='text/javascript'/>
<script src='http://alexxx-design.webs.com/jquery.easing.min.js' type='text/javascript'/>
<script src='http://alexxx-design.webs.com/menu20lavamp.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[/*
$(function() { $("#1, #2, #3").lavaLamp({ fx: "backout", speed: 700, click: function(event,menuItem) { return true;}});});
//]]>
</script>
<script type='text/javascript'>

  var _gaq = _gaq || [];
  _gaq.push([&#39;_setAccount&#39;, &#39;UA-12328554-10&#39;]);
  _gaq.push([&#39;_trackPageview&#39;]);

  (function() {
    var ga = document.createElement(&#39;script&#39;); ga.type = &#39;text/javascript&#39;; ga.async = true;
    ga.src = (&#39;https:&#39; == document.location.protocol ? &#39;https://ssl&#39; : &#39;http://www&#39;) + &#39;.google-analytics.com/ga.js&#39;;
    var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

-------------------------------------------------------------------------------------------------------------------------------------
3ª Agora é uma Parte Dificil Proucure Por:

<div id='header-wrapper'

Ai em baixo de:

</div>

Cole este CÓDIGO:

<div id='bar-pay_size-Masters'>
<ul class='page' id='2'>
<li class='current'><a href='/'>Home</a></li>
<li class='current'><a href='Seu Link aqui'>Parceria</a></li>
<li class='current'><a href='Seu Link Aqui'>Contato</a></li>
<li class='current'><a href='Seu Link Aqui'>Tutoriais</a></li>
<li class='current'><a href='Seu Link Aqui'>Designer</a></li>
<li class='current'><a href='Seu Link Aqui'>Templates</a></li>
<li class='current'><a href='Seu Link aqui'>Equipe</a></li>
<li class='current'><a href='Seu Link aqui'>Serviços</a></li>
</ul>
</div>