[TUTORIALES]Fanbox de facebook deslizante~!

Hola~!!como estan?Yo estoy mas tranquila,ya solo me falta 3 capitulos de mi manga{para terminar el primer tomo},y ya estoy terminando el modulo de ingles,jejeje Aunque me siento algo mal,mi madre dice que quisas me vaya a enfermar o es por cansancio por lo que me siento asi,yo espero no enfermarme...Fuera de eso ya hay 11 personas inscritas al sorteo,Gracias por unirse,si quieres participar y ganarte una plantilla{muy linda~!}"CLICK AQUI">>>Para participar~!!!.Bueno hace 1 un dia me pidieron esta tutorial,me la solicito [x],Bueno es como poner la fanbox de facebook deslizante,primero debo decir que este codigo lo tuve que volver a hacer de nuevo,ya que la forma antigua que tenia no funcionaba,bueno vamos a dejar de hablar y comenzemos con la tutorial:

1.Primero entramos a esta pagina"CLICK AQUI",Donde haremos nuestra like box.

2.En la imagen les explico cada paso,para que puedan & sea mas facil crear su like box.

3.Luego sigue los pasos de la siguiente imagen~:

4.Luego que tengas tu codigo,Vamos a diseño | Añadir un gadget | HTML\javacrips y pegas este codigos:

<style>
#flotante1 {
position:fixed;
top:50px;
right:-250px;
float:right;
width:288px;
display:block;
padding:0;
z-index:1002;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
#flotante1:hover, #flotante2:hover, #flotante3:hover {
right:0px;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
div.likeboxwrap {
margin-top:-5px;
margin-left:-45px;
width:238px;
height:325px;
background-color:#fff;
overflow:hidden;
border-radius:10px;
}
</style>
<div id='flotante1'>
<img src='URL DE IMAGEN' style='float:left;'/>
<div style='background: #COLOR DE BORDE; height:325px; margin-left:38px;padding: 8px 5px 0pt 50px;border-radius: 0px 0px 0px 10px;'><span><div class='likeboxwrap'>CODIGO DE LIKE BOX</div></span></div></div>

EDITA:
URL DE IMAGEN:Les dejare varias abajo.
CODIGO DE LIKE BOX:Pon el codigo que coseguistes de tu caja de fanbox~
COLOR DE BORDE: Este sera el borde de la caja deslizante~.


Bueno espero que se de mucha ayuda~
Resivi ayuda de [x],por ayuda del codigo deslizante.
Me gusta mucho que comenten,eso me anima pubicar mas tutoriales,recursos etc.~
Bueno eso seria todo,Recuerda dejar tu comentario~
Les dejo besos de cherryT.O.P
Att:Lee rae mi{dayi}