[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}

28 comentarios:

  1. ¡Me encantó! Al fin encontré este tuto :D

    Un beso...

    ResponderEliminar
    Respuestas
    1. me alegra que te guste,gracias por seguir el blog^^
      saludos~

      Eliminar
  2. gracias ..Buen tuto por fin le puse como quería, a mi blog personal ...

    ResponderEliminar
    Respuestas
    1. Me alegra que te haya gustado,fue un placer ayudarte!
      saludos

      Eliminar
  3. wauuu que genial *p*
    gracias por el tutorial
    saludos

    ResponderEliminar
  4. Yo ando pensando en si ponerle o no la caja de facebook a mi blog ahora que ando terminando mi nueva plantilla :3
    Muchas gracias por el tuto ya vere si le doy uso en unos dias ^^
    Un abrazo!!

    ResponderEliminar
    Respuestas
    1. Ojala la uses,estoy segura que el blog se vera genial^^
      saludos!

      Eliminar
  5. ¡Hola linda! Me encanta el nuevo diseño *o* Todos me gustan pero este en especial, Jajaja.
    Me gusta el tutorial aunque este no creo que lo utilice, pero está genial ^^
    Espero que no te vayas a enfermar y puedas descansar... seguro que es por cansancio que te encuentras así...

    Saludos ^^

    ResponderEliminar
    Respuestas
    1. kat me alegra que te guste el blog,a mi igual me agrado este diseno~
      saludos

      Eliminar
  6. MUy util... ahora pienso usarlo en mi blog, sino fuera porque no sé que más poner despues en el espacio que dejará vacio... bueno estoy poensando en poner publicidad, pero bueno no creo que me atreva... en todo casi gracias por el tutto esta super, felicitaciones... te deseo un buen fin de semana.

    ResponderEliminar
    Respuestas
    1. No se,podrias poner el de twitter,o una gadget de los ultimos mangas o animes que estas viendo~!!jeje me alegra que te guste^^
      besotes~

      Eliminar
  7. jo!! muy bueno a veces se me ocurre colocar muchas cosas a mi blog pero mejor dejarlo asi jajajaja

    ResponderEliminar
  8. sfhsagasgf genial si lo hubiera sabido antes lo hubiera puesto XD

    ResponderEliminar
  9. waaaaaaaa por fin encuentro este tuto! *0* no lo encontraba por ninguna parte D: aunque yo quiero que sea de twitter y no de facebook, pero ya veré como se hace :P
    saluditos! ^^
    PD: omg ame el nuevo diseño del blog, te superaste como siempre *w*

    ResponderEliminar
    Respuestas
    1. Neko no te preocupes,yo subire uno de como ponerlo de twitter~
      saludos & gracias~

      Eliminar
  10. Gracias Dayi por fin ya lo pude poner en mi blog

    :D

    ResponderEliminar
  11. Está muy chulo el tutorial :D pero yo al igual que Neko lo quiero de Twitter xD Igualmente me gustó ^^
    Suerte Dayi , espero que no enfermes.
    Saludos!!

    ResponderEliminar
    Respuestas
    1. Sabes hare el de twitter,por que veo que varias personas lo querian^^
      jejej saludos~!

      Eliminar
  12. Muito legal esse tuto eu vou usar no meu próximo layout.

    Sweet of Cherry

    ResponderEliminar
  13. Nossa, todo mundo fala espanhol(incluindo você), espero que entenda o que esto dizendo(não sei se você fala português -_- ) . Bem, achei muito legal o seu tutorial. E seu blog é muito fofo, amei!!
    http://toyousayyes.blogspot.com.br/
    http://chocolate-lovel.blogspot.com.br/
    Chuu

    ResponderEliminar
  14. Holii LEE!!!Muchisimas Gracias por el Tuto!!Veré si puedo fijarme de combinar códigos!

    Algo que decir:Quedaría genial en twitter pero lástima que no se puede manejar HTML ni tengo uno xD.Otra cosa,te he agregado en mis amigos ^^ Espero que te guste.Si quieres ponerme estaría feliz igual ese es el mejor regalo que te puedo dar por todo lo que me enseñaste a hacer y me ayudaste ^^

    Besotes LARITA!!////

    ResponderEliminar
  15. Hola Dayi bueno te quiero informar que mi blog www.youspaceoriginal.blogspot.com ya esta abierto otra vez porque se que los avía cerrado mucho tiempo y ya volví con la remo y espero que les guste mucho!

    Besos! Amiga

    ResponderEliminar
  16. Lindo lindo! pero no va conmigo , no tengo pagina de mi blog xD, vi tus comentarioas hace un momento lols no me había fijado haha xD esas dos entradas ya eran viejas si no que no recordaba que tenia el blog en privado xD pero ya habian sido publicadas, y aun sigo vivaa wii *-*)/ y veo que tu tambien vomitas mucho arcoiris puaaaagggg~~

    ResponderEliminar
  17. gracias gracias te quiero estaba buscando este tuto!

    ResponderEliminar
  18. Hola

    Muchas gracias por el tutorial, tal vez algún día lo utilice :D estoy ansiosa por leer tu manga, de verdad muy ansiosa XD

    Saludos.

    ResponderEliminar

Puedes dejar cualquier tipo de comentario(*≧m≦*)Pero si el comentario no es de gusto del blog sera borrado..
No insultes.
No spam(;¬_¬)
Si tienes algo que decirme privado:
dayi123466@gmail.com