Cajita C-box Hover

Preview Hover

Diseño --> Añadir un gadget --> HTML/Javascript.
Allí Pegamos El Siguiente Código:

<style>
.boxer {width: 250px;height: 110px; margin-top: -130px;position: fixed;right: 50px;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;z-index: 100;top: 0px;}
.boxer:hover {margin-top: 0px;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}
.box {width: 246px;background: #fff;padding: 5px;overflow: hidden;height: 130px; font-family: calibri; font-size: 12px;  color: #c7c7c7;}
.close {top: 130px;position: absolute;background: #fcc;color: #fff ;padding: 3px;width:250px;text-align:center;border-radius: 0px 0px 10px 10px;-moz-border-radius: 0px 0px 10px 10px;-webkit-border-radius: 0px 0px 10px 10px;left: px;}
.close  e, .boxer:hover f {display: inline;opacity:.8;}
.close  f, .boxer:hover e {display: none;opacity:.8;}
</style>
<div class="boxer">
<div class="close"> <e>C-box</e> <f>Comenta!</f> </div>
<div class="box">
<center>
Codigo de tu c-box
</center>
</div></div>

Puedes Editar El Mensaje Que Aparecera Al Cerrar & Abrir La Cajita:
"C-Box" [caja cerrada]
"Comenta" [caja abierta]
Por Ultimo, Coloquemos El Gadget Al Final Del Blog, Para No Interrumpir En El Diseño Del Blog ^^!♥

NOTA:

*El C-box Debe Medir 240px O Menos De Ancho.

*El Alto, Debes Editarlo Desde El Código Del Mismo, Ambas Partes Del C-box Deben Medir 50px.

Busca Esta Parte:

<iframe frameborder="0"

Aparecerán Dos, Donde Dice: height="AQUÍ EL ALTO"

Ambas Editalas Por 50px O Numeros Que Al Sumarlos Dn 100px [Ej: 40px & 60px].

Besos!*~