Menú flotante BIG!♥

¡PUEDES PROBAR EL EFECTO AQUÍ!

Luego de ver la vista previa & quedarte maravillada/o por lo genial (?)

Sigue los siguientes pasos para colocarlo:

Vas a Plantilla / Edición HTML /Buscan {Ctrl + F} lo siguiente:

]]></b:skin>

ARRIBA colocas:

#MMCmb {
width: 70px;
height: 70px;
line-height: 70px;
color: transparent;
overflow: visible;
font-size: 40px;
font-family: 'Spicy Rice', cursive; /* TIPO DE LETRA */
font-weight: 300;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
text-shadow: 0px 0px 0px #fff;
}
#MMCmb span {
position: absolute;
width: 1px;
overflow: hidden;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
#MMCmb:hover span {
color: #121212; /* COLOR DE LOS TÍTULOS */
text-shadow: -2px 2px 0px #88E3FA; /* SOMBRA DE LOS TÍTULOS */
width: 200px;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
#MMCmb img{
float: left;
margin-right: 13px;
border-radius: 333px;
border: 5px solid #88E3FA; /* BORDE DE LOS CÍRCULOS */
width: 70px;
}
#MMCmb img:hover {
box-shadow: -2px 2px 0px #00C9FD; /* COLOR DE LA SOMBRA DE LOS CÍRCULOS */
}
#MMCmb img:active {
box-shadow: none;
margin-left: -3;
margin-top: 3px;
}

Edita lo marcado.
Luego de GUARDAR esa parte, buscas {Ctrl + F} la linea:

</head>

DEBAJO pegas lo siguiente:

<link href='http://fonts.googleapis.com/css?family=Spicy+Rice' rel='stylesheet' type='text/css'>
<div style='position: fixed; left: 10px; bottom: 10px; z-index: 1;'>
<div id='MMCmb'>
<a href="URL DEL LINK">
<img src='URL DE TU IMAGEN'/></a>
<span>TITULO</span>
</div>
<br/>
<div id='MMCmb'>
<a href="URL DEL LINK">
<img src='URL DE TU IMAGEN'/></a>
<span>TITULO</span>
</div>
<br/>
<div id='MMCmb'>
<a href="URL DEL LINK">
<img src='URL DE TU IMAGEN'/></a>
<span>TITULO</span>
</div>
</div>

Por ultimo, al completar todo, presionas "VISTA PREVIA"
Si no hay error, das en guardar & listo!♥

NOTA1:
Los titulos trata de hacerlos cortos.
Si uno no se llega a ver, debes editar el "width: 200px;" que esta en cursiva.
Prueba aumentado de a poco el nro "200" hasta que se vea completo tu texto.

NOTA2:
Utiliza icons de 100x100 para colocar como imágenes  Sino busca que tengan igual tamaño en ancho & largo para que se visualicen bien. Ten en cuenta que se reducirán a 70x70px {También puedes usar icons de ese tamaño}.

¡Por favor dar CRÉDITOS por su uso!