Menú horizontal & Menú circle ~

MENÚ HORIZONTAL CUTE ~

Para colocarlo, vas a Diseño / Añadir gadget HTML
Pega & edita a tu gusto lo siguiente:

<style>
.tabs-MMC {
overflow: hidden;
position: relative;
width: 900px;
height: 30px;
background: #BFE4E6; /* COLOR DE FONDO */
border-radius: 222px;
border: 1px dashed #fff; /* BORDE DEL MENU */
padding: 3px;
}
.tabs-MMC li {
display: inline-block;
padding: 10px;
width: 150px; /* ANCHO DE LOS LINKS */
border: 1px solid transparent;
font: normal 15px georgia;
text-transform: uppercase;
line-height: 8px;
}
.tabs-MMC li a {
color: #a3d7db; /* COLOR DEL TEXTO */
text-decoration: none;
text-shadow: 0px 1px 0px #f4feff, 0px -1px 0px #f4feff, 1px 0px 0px #f4feff, -1px 0px 0px #f4feff;
}
.tabs-MMC li:first-child {
margin-top: 0px;
}
.tabs-MMC li:hover{
padding: 10px;
background: #fff; /* COLOR DE FONDO {hover} */
border: 1px dashed #BFE4E6; /* BORDE DE LOS LINKS {hover} */
border-radius: 222px;
}
</style>
<center>
<ul class="tabs-MMC">
<li><a href="URL"> link </a></li>
<li><a href="URL"> link </a></li>
<li><a href="URL"> link </a></li>
<li><a href="URL"> link </a></li>
<li><a href="URL"> link </a></li>
</ul>
</center>

MENÚ CIRCLE CUTE ~

Para colocarlo, vas a Diseño / Añadir gadget HTML
Pega & edita a tu gusto lo siguiente:

<style>
.tabs-MMC2 {
overflow: hidden;
position: relative;
width: 200px;
height: 200px;
background: #BFE4E6; /* COLOR DE FONDO */
border-radius: 222px;
border: 1px dashed #fff; /* BORDE DEL MENU */
padding: 3px;
}
.tabs-MMC2 li {
display: block;
padding: 10px;
width: 200px;
border: 1px solid transparent;
font: normal 15px georgia; /* TAMAÑO & FUENTE DE LA LETRA */
text-transform: uppercase;
line-height: 8px;
margin-left: -12px;
}
.tabs-MMC2 li a {
color: #a3d7db; /* COLOR DEL TEXTO */
text-decoration: none;
text-shadow: 0px 1px 0px #f4feff, 0px -1px 0px #f4feff, 1px 0px 0px #f4feff, -1px 0px 0px #f4feff;
}
.tabs-MMC2 li:first-child {
margin-top: 25px;
}
.tabs-MMC2 li:hover{
width: 200px;
padding: 10px;
background: #fff; /* FONDO DEL LINK {hover} */
border: 1px dashed #BFE4E6; /* BORDE DE LOS LINK {hover} */
border-radius: 222px;
}
</style>
<center>
<ul class="tabs-MMC2">
<li><a href="URL"> link </a></li>
<li><a href="URL"> link </a></li>
<li><a href="URL"> link </a></li>
<li><a href="URL"> link </a></li>
<li><a href="URL"> link </a></li>
</ul>
</center>

MENÚ CIRCLE CUTE FLOTANTE ~

Quiero mi menú circle flotando a una esquina de mi blog!¡

Para colocarlo, vas a Plantilla / Edición HTML / Buscas {Ctrl + F}:

</body>

ARRIBA pegas & editas a tu gusto lo siguiente:

<style>
.tabs-MMCf {
overflow: hidden;
position: relative;
width: 150px;
height: 150px;
background: #BFE4E6; /* COLOR DE FONDO */
border-radius: 222px;
border: 1px dashed #fff; /* BORDE DEL MENU */
padding: 3px;
}
.tabs-MMCf li {
display: block;
padding: 10px;
width: 150px;
border: 1px solid transparent;
font: normal 10px georgia; /* TAMAÑO & FUENTE DE LETRA */
text-transform: uppercase;
line-height: 5px;
margin-left: -10px;
}
.tabs-MMCf li a {
color: #a3d7db; /* COLOR DEL TEXTO */
text-decoration: none;
text-shadow: 0px 1px 0px #f4feff, 0px -1px 0px #f4feff, 1px 0px 0px #f4feff, -1px 0px 0px #f4feff;
}
.tabs-MMCf li:first-child {
margin-top: 20px;
}
.tabs-MMCf li:hover{
padding: 10px;
background: #fff; /* COLOR DE FONDO {hover} */
border: 1px dashed #BFE4E6; /* BORDE DE LOS LINK {hover} */
border-radius: 222px;
}
</style>
<div style='position: fixed; top: 0px; left: 20px;'>
<ul class='tabs-MMCf'><center>
<li><a href='URL'> link </a></li>
<li><a href='URL'> link </a></li>
<li><a href='URL'> link </a></li>
<li><a href='URL'> link </a></li>
</center></ul>
</div>