Menú Publi/Friends #2
.png)
Tema - Personalizar (Editar HTML) - CTRL+F y buscas: ]]></b:skin>
Arriba de ]]></b:skin> pegas:
turn {
color:#b7b7b7;
background: #eee;
line-height:40px;
margin:1px;
margin-bottom:3px;
padding:3px;
display: inline-block;
text-shadow: 1px 1px 1px #fff;
font-family: 'sniglet', trebuchet ms;
font-weight: 300;
letter-spacing: 2px;
text-transform: uppercase;px;
text-align: center;
font-size: 8px;
float: left;
height:40px;
width: 52px;
border-radius:1px;
opacity:0.8;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}
turn:hover {
cursor:hand;
background:#D86B6B;
font-family: 'sniglet', trebuchet ms;
font-weight: 300;
letter-spacing: 2px;
text-transform: uppercase;px;
text-align: center;
font-size: 8px;
color:#fff;
opacity: 1;
text-shadow: 1px 1px 1px #bfc9d3;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: background 0.9s linear;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
}
Pegar en un gadget HTML
<div style="image-align: center; margin-left: 5px; margin-top: 5px;">
<a href="http://todocreadoparati.blogspot.com/"><turn>larita</turn></a>
<a href="http://coolanimechibikawaii.blogspot.com.ar/"><turn>neko</turn></a>
<a href="http://murasakii-haner.blogspot.com/"><turn>púrpura</turn></a>
<a href="http://yorokobi-no-hana.blogspot.com.ar/"><turn>yorokob</turn></a>
<a href="http://eltrucodestardoll.blogspot.com.ar/"><turn>tips s.</turn></a>
<a href="http://fiorelakawaiii.blogspot.com/"><turn>fiorela</turn></a>
<a href="http://recursoskawaiiworld.blogspot.com.ar/"><turn>r.kawaii</turn></a>
<a href="https://www.blogger.com/link"><turn>name</turn></a>
</div>
Menú Simple #2
Pegar en un gadget HTML
<div style="image-align: center; margin-top: -25px;">
<div style="text-align: center;">
<span style='-moz-border-: 5px; background-color:#121212; padding: 10px 30px 10px 30px;'><a href="http://unatierraparachicas.blogspot.com/">home</a></span> <span style='-moz-border-: 5px; background-color:#121212; padding: 10px 30px 10px 30px;'><a href="http://unatierraparachicas.blogspot.com/p/tutoriales.html">tutoriales</a></span>
<span style='-moz-border-: 5px; background-color:#121212; padding: 10px 30px 10px 30px;'><a href="http://unatierraparachicas.blogspot.com/p/recursos.html">recursos</a></span>
<span style='-moz-border-: 5px; background-color:#121212; padding: 10px 30px 10px 30px;'><a href="http://unatierraparachicas.blogspot.com/p/afiliados.html">afiliados</a></span>
<span style='-moz-border-: 5px; background-color:#121212; padding: 10px 30px 10px 30px;'><a href="http://layfreeamary.blogspot.com.ar/">layouts</a></span>
<span style='-moz-border-: 5px; background-color:#121212; padding: 10px 30px 10px 30px;'><a href="http://unatierraparachicas.blogspot.com/p/about.html">about</a></span>
<br /><br /></div></div>
Menú Simple
Diseño - Añadir Gadget HTML -
Copias y pegas el siguiente código:
<style>
.categories a{ /* Menú by Not A Single Song*/
display: block;
font-family: Trebuchet MS;
text-align: left; /* Alineación del texto */
padding-left: 5px;
color: #CA4242; /* Color del texto */
background: #eedfb4; /* Fondo */
border-radius: 4px; /* Radio del borde */
margin: 2px;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
.categories a:hover { /* Recuerden: siempre que diga hover es para cuando le pasan el mouse */
background: #d95984;
color: #fff;
border-radius:3px;
}
</style>
<div class="categories"><a href="Link l">Nombre del link 1</a>
<a href="Link 2">Nombre del link 2</a>
<a href="Link 3">Nombre del link 3</a>
</div>
