Menu de navegação MF para Blogger

Olá amigos Mult-focos, temos mais um lindo menu para vocês, é o menu de navegação MF para Blogger.
Com nove cores para sua escolha, este menu é facílimo de adicionar em seu blog.

Veja um demo clicando no botão abaixo

DEMO   Como adicionar em seu blog?

Copie o código HTML no Box de códigos abaixo se optar pela cor azul ou copiar o código JS se optar por outra cor, configure e adicione em um gadget, se não sabe como aprenda AQUI.

OBS: Se optar por outra cor é só copiar a URL correspondente a cor da sua preferência e colocar onde este escrito AQUI A URL DA COR ESCOLHIDA,no código JS do Box e está pronto.
Isto é tudo.

---

<style>

#tab_menu {
 background:url(AQUI A URL DA COR ESCOLHIDA) no-repeat;
 height:50px;
 width:960px;
 line-height:50px;
 list-style:none;
 margin-top:10px;
 font-size:14px;
 font-family:Verdana, Geneva, sans-serif;
 font-weight:bold;
 overflow:hidden;
}

#tab_menu li {
 float:left;
 border-right:1px solid #FFA722;
 border-left:1px solid #CC5200;
}

#tab_menu li:first-child {
 border-left:none;
}

#tab_menu li:last-child {
 border-right:none;
}

#tab_menu li a{
 text-decoration:none;
 float:left;
 display:block;
 height:50px;
 padding:0 20px;
 color:#FFF;
}

#tab_menu li a.current, #tab_menu li a:hover, #tab_menu li a.tool:hover {
 color:#622900;
 text-shadow:1px 1px 0px #E8964B;
}

#tab_menu li a.tool{
 color:#000;
 text-shadow:1px 1px 0px #E8964B;
}

</style>


<ul id='tab_menu'>
<li ><a href='URL'>Home</a></li>
<li ><a href='URL'>PRODUTO 1</a></li>
<li ><a href='URL'>PRODUTO 2</a></li>
<li ><a href='URL'>PRODUTO 3</a></li>
<li ><a href='URL'>PRODUTO 4</a></li>
<li ><a href='URL'>PRODUTO 5</a></li>
<li ><a href='URL'>PRODUTO 6</a></li>
<li ><a href='URL'>PRODUTO 7</a></li>
<li ><a href='URL'>PRODUTO 8</a></li>
</ul>

See the Pen owBie by Mairink (@Oemes) on CodePen.

---

Escolha a cor para o seu menu, abaixo da cor está a URL correspondente.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzBZQ_-fCGs55kIXABY8qpE52QE_mlgieM9uWmCJoYBVmr8hXUmHJwPppJIpLSyNpWa84GWzOlQctP3UcpercNCxHjqGuiHleu41WxXpyAVwKiKF40DTsVuw43hLocD7UoQ8YNeBSR1qrH/w960-h50-no/menu_bg_6.png

---

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrpxlJaPGgCaOIPlCEPtqZNkgFD84N2cQoaUnPu2XSvns4HCyLObWpfyD2HIFLjs69SlsOn8e0ZUjqqknETBGbJy7zqNaBDgZoZWmJf4wETducG9-nirJJgLbvpXcVU7PH5GwCj0QchdKk/w960-h50-no/menu_bg_amarcverd.png

---

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHbmLvJuSOEG6hZoVIasaS7el0d0a4hugSJ-ZSdmWVjolJzrjpImk_1R2hQC9jrhZ4UZtpJhPW9IVCj89vVfT7KDscgPwaudiGrVTPjb8VczFQlf79tYuut0HKQ1ChzG53wNCSvEuiTzOp/w960-h50-no/menu_bg_amarel.png

---

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGMMTJn4NjfK3rABoq4FooaDDbGMGwqx2GzuP3ut81d58cq0m9DxnGAElwj7e3xeozRzK4CVeeDTRS1mKi3E_lQeVHe4PLoXd20dW4h8GCpjePUdx9j3hsTp1G_cY9TNn1ixNXDviqyN7-/w960-h50-no/menu_bg_cinzaesc.png

---

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEr7vfx7EsHM7_qTkmwtTOWSWRwSMdQMSi9Hu9tmmofRDySLFzkISfcNf4raqK31nnlWD5cQqlCm1TQ-eNWUUfpcUElG59483qK2kWR1UlBYk5wfHBZ1ZCTP2L9X72j7YRTXQmZi0oNsz0/w960-h50-no/menu_bg_czclar.png

---

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXYHARg_lUgX6IyR29L7Gi1XJXFoN8J2di9CMmSajc-3JMBx92b2h0MzhRd3LQtKHbf7qahTDDacb4D5Gmx1ve77m3xDBPTLNsLFIfe1AP5U_5MUq5tNZpj7JsIVR_HXcMTQDcoNuxmt32/w960-h50-no/menu_bg_czmed.png

---

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs7lifAxlYXsD75sPAmMCyZCvrx_lMGYoFt6TJMTvUEiReRA5QpbVuNci9dW1UKvxoNdmQGaWNZILmbxnzCDQnTM1ATnSh4pgOJie6a7NZB3XZF4ZU-nM60VS0gwA8FtF0VdrQIPi9eOxT/w960-h50-no/menu_bg_verde.png

---

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil15sQupfELS4WqDJft5YbDf8XyJJB0kA4HaYq4Fdk29QlVkhGAB5G1IzfDDRescE25F3B2yX141fxodhAA1K4AVKmzAPfgsrxTEHJgQoeqvb_GwBYylWuq-g3pYYRy4SuUylrAvPzhYZN/w960-h50-no/menu_bglaraj.png

---

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIMXJWOiUoikBXd68VUuBeK8vuORcRwwiYKpNO_rJBPKAOfuGDVvII-qTe3wx3ugBdNIzyV4YLHD3WSxpW_T_eR0ttBfBVpOjQFubpZ6JlvjoshcLPH0f6vMk0h0-hoFSei1PeXqbHSSPv/w960-h50-no/menu_bgverdepisc.png

---