Para añadirlo a vuestro blog o web, basta con copiar el código de abajo e insertarlo allí donde queráis que aparezca.
Solo tenéis que modificar lo que esta en rojo para poner los enlaces y el texto que queráis.
Si queréis verlo en acción podéis ir mi probador de códigos copiar el código y pegad lo en el probador y lo veréis tal como es.:
Para instalarlo en vuestro Blog en un gadget solo tenéis que seguir estos pasos:
Un clic en “Diseño”
Clic en “Añadir un gadget”
Busca el widget que dice “HTML-Javascript” y ábrelo
Coloca el siguiente código en el interior
<ul class="menuazulon"><b>
<li><a href="URL">TEXTO</a></li>
<li><a href="URL">TEXTO</a></li>
<li><a href="URL">TEXTO</a></li>
<li><a href="URL">TEXTO</a></li>
<li><a href="URL">TEXTO</a></li>
<li><a href="URL">TEXTO</a></li>
</b></ul>
<style>
/* Menu Azulon - diseñado por Johnny V - blog REDEANDO - url: http://redeando.blogspot.com/
----------------------------------------------- */
.menuazulon {
float: left;
width: 100%;
height: 35px;
margin: 0;
padding: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXG-wv9-yVCfDqiICrxz3WzUVzmpNAUL54VZg2tVBzdMrRPzBafjUG3Ni8Oep3PgCEuV6ua3jMRKc9yM_7eh2g6_tdFTatd4VDRNpX7-Uqc8t19s-hUNiM_bjji4kOhXYaadG4BQ9vjR5a/s1600/fondoazulmenugloss.jpg);
font-size: 14px !important;
text-decoration: bold;
;
}
.menuazulon li {display: inline;}
.menuazulon li a, .menujohnny li a:visited {
float: left;
text-decoration: none;
padding: 9px;
color: #fff !important;
border-right: 3px solid #000 !important;
border-top: 0px solid #000 !important;
border-bottom: 0px solid #000 !important;
border-left: 0px solid #000 !important;
text-shadow: 5px 1px 5px #000;
}
.menuazulon li a:hover {
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgRmhvXQYjHyFADuwq3qeJfNyIivIN68NvY9rbQc9-Y_F4eX-hfkVb5lfmUHFN5GuVEssn8HdIcAfJ98sZStDmojP7Om20hkap303x4r4WhVKn6F37b_SxBwJefBWGUHtD9L7APJJufjja/s1600/fondoazulmenuglossdos.png) center center repeat-x !important;
text-decoration: bold;
color: #FFF545 !important;
}
</style>
<li><a href="URL">TEXTO</a></li>
<li><a href="URL">TEXTO</a></li>
<li><a href="URL">TEXTO</a></li>
<li><a href="URL">TEXTO</a></li>
<li><a href="URL">TEXTO</a></li>
<li><a href="URL">TEXTO</a></li>
</b></ul>
<style>
/* Menu Azulon - diseñado por Johnny V - blog REDEANDO - url: http://redeando.blogspot.com/
----------------------------------------------- */
.menuazulon {
float: left;
width: 100%;
height: 35px;
margin: 0;
padding: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXG-wv9-yVCfDqiICrxz3WzUVzmpNAUL54VZg2tVBzdMrRPzBafjUG3Ni8Oep3PgCEuV6ua3jMRKc9yM_7eh2g6_tdFTatd4VDRNpX7-Uqc8t19s-hUNiM_bjji4kOhXYaadG4BQ9vjR5a/s1600/fondoazulmenugloss.jpg);
font-size: 14px !important;
text-decoration: bold;
;
}
.menuazulon li {display: inline;}
.menuazulon li a, .menujohnny li a:visited {
float: left;
text-decoration: none;
padding: 9px;
color: #fff !important;
border-right: 3px solid #000 !important;
border-top: 0px solid #000 !important;
border-bottom: 0px solid #000 !important;
border-left: 0px solid #000 !important;
text-shadow: 5px 1px 5px #000;
}
.menuazulon li a:hover {
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgRmhvXQYjHyFADuwq3qeJfNyIivIN68NvY9rbQc9-Y_F4eX-hfkVb5lfmUHFN5GuVEssn8HdIcAfJ98sZStDmojP7Om20hkap303x4r4WhVKn6F37b_SxBwJefBWGUHtD9L7APJJufjja/s1600/fondoazulmenuglossdos.png) center center repeat-x !important;
text-decoration: bold;
color: #FFF545 !important;
}
</style>
Después de haber insertado el código, un clic en "Guardar"
Data de la Publicación;17-08-2019
Fuente; redeando
Publicado por;
0 comentarios