Coloca el Menu "CC" en tu sidebar.

La idea de este menú, es poder colocar el menú que vimos en el tutorial ✘Menu "CUBE COLORS" pero de manera estática en nuestro sidebar como un gadget mas.
Al colocarlo en el sidebar, decidí acomodar los links cuadrados en dos columnas {formando un 5to cubo} para lograr una estética mas organizada, ya que según el ancho de nuestro sidebar, el menú se ubicara en el centro del mismo, dejando un gran espacio a ambos costados, lo que quizá provoque un aspecto de "vacío" & mal organizado en el gadget.

Para colocar este menú, solo es necesario ir a Diseño / Añadir gadget / HTML/javascrip & pegar alli el siguiente code:

<style>
.mcTC {padding: 4px; width: 270px;}
#boxMC {
border-top: 10px solid #B55577; /* BORDE SUPERIOR DEL BOX */
border-bottom: 10px solid #D9A88F; /* BORDE INFERIOR DEL BOX */
padding: 7px;
background:#5F4C68; /* COLOR DE FONDO DEL BOX */
}
/* LINKS CUBOS */
.mMMC a{
padding-top: 50px!important;
padding-bottom: 50px!important;
width: 120px;
font-family: arial;
font-size: 10px;
text-transform: uppercase;
margin:3px;
color:#fff; /* COLOR DE LOS LINKS */
text-align:center;
display: inline-block;
text-shadow: none;
text-decoration:none;
-webkit-transition: .9s;
-moz-transition: .9s;
}
/* LINKS CUBOS HOVER */
.mMMC a:hover{
color:#fff; /* COLOR DE LOS LINKS */
text-decoration:none;
text-shadow: none;
background: #5F4C68!important; /* COLOR DEL FONDO DE LOS LINKS */
-webkit-transition: .9s;
-moz-transition: .9s;
}
</style>
<center>
<div class="mcTC">
<div id="boxMC">
<div class='mMMC'>
<a style="background: #B55577;" href='URL'>&#10112; LINK</a>
<a style="background: #FA4D70;" href='URL'>&#10103; LINK</a>
<a style="background: #F08784;" href='URL'>&#10114; LINK</a>
<a style="background: #D9A88F;" href='URL'>&#10105; LINK</a>
</div>
</div>
</div>
</center>

Una vez colocado el code en el gadget, editar lo marcado a gusto de cada uno.
El color de fondo de cada "cuadrado" se encuentra resaltado al final del código con negrita.

Si quiero colocar mi menú de manera vertical ¿?

Quizá, el ancho de tu gadget sea pequeño para poder situar los cubos de esta manera, de ser así, estos se organizaran automáticamente de manera lineal, simplemente deberás reducir el ancho del "box" donde se encuentran ubicados.
Para reducir el ancho del box, buscaremos al inicio del código, la siguiente parte resaltada:

width: 270px;

Disminuyendo el nro "270" lograremos que nuestro menú se ubique verticalmente.

Si quiero colocar mi menú de manera horizontal¿?

Puede ser que también, se nos ocurra colocar nuestro menú en una ubicación del blog donde el gadget tome un ancho bastante amplio como para que este pueda quedar de manera horizontal {por ejemplo, que este ubicado arriba de las entradas o debajo de la cabecera}.

Si esto es así, podrás colocar tu menú de manera horizontal, aumentando el ancho del box donde se encuentran ubicados los links.

Para aumentar el ancho del box, buscaremos al inicio del código, la siguiente parte resaltada:

width: 270px;

Aumentando el nro "270" lograremos que nuestro menú se ubique horizontalmente, siempre y cuando el gadget tenga una amplitud que permita esto.

✘ Menu "CUBE COLORS" versión flotante.

{Paletas de colourlovers.com}

~