tutorial : poner menu topy love en blogger

Holaaa dulcuras!! como estan hoy!! espero que bien :D
hoy les traigo un tutorial de --> (poner un menu topy love en blogger) espero que les guste y sirva :D , bueno ahora si empecemos !!  ^.^
lo que aremos es lo siguiente :D

• Plantilla
• Edicion HTLM
• Buscar: </body>

Y pegar antes de </body> este código :3

<style>

.MENUlove { /* BORDE TOP */

font-family: arial;

font-size: 11px;

text-transform: uppercase;

padding: 10px;

position: fixed;

left: 0px;

top: 0px;

width: 100%;

overflow: hidden;

text-align: center;

border-top: 5px solid #fdeb58;

-webkit-transition: all 0.8s ease;

-moz-transition: all 0.8s ease;

-o-transition: all 0.8s ease;

}

.MENUlove:hover { /* BORDE TOP HOVER */

border-top: 5px solid #be86f9;

-webkit-transition: all 0.3s ease;

-moz-transition: all 0.3s ease;

-o-transition: all 0.3s ease;

}

.MENUlove a { /* LINKS */

background: #be86f9;

border-radius: 0 0 30px 30px;

color: #fff;

text-decoration: none;

padding-left: 50px;

padding-right: 50px;

padding-top: 10px;

padding-bottom: 10px;

text-shadow: 0px -100px 1px #FFF;

-webkit-transition: all 0.8s ease;

-moz-transition: all 0.8s ease;

-o-transition: all 0.8s ease;

} 

.MENUlove a:hover { /* LINKS HOVER */

background: #fdeb58;

color: transparent;

font-style: italic;

padding-left: 20px;

padding-right: 80px;

text-shadow: 30px 0px 0px #fff;

-webkit-transition: all 0.3s ease;

-moz-transition: all 0.3s ease;

-o-transition: all 0.3s ease;

}

</style>

<div class='MENUlove'>

<a href='URL'>TITULO</a>

<a href='URL'>TITULO</a>

<a href='URL'>TITULO</a>

<a href='URL'>TITULO</a>

</div>

Todo lo que necesitáis saber para cambiar el color viene indicado en mayúsculas al empezar el párrafo

1. Si quieres añadir mas categorías solo añade esto debajo de la ultima categoría que pusiste

<a href='URL'>TITULO</a>

aqui tienen el video tutorial :D