[Tutorial] Poner LikeBox de Facebook con Efecto de Slide

Vista Previa de Como Quedara
[Imagen: fb2.png]

Hace tiempo vi ese Likebox en esta Web http://otslist.eu/ y le saque el codigo, luego edite Algunas Opciones y cuando lo puse en MyBB tuve que poner otra jQuery, Pero ya Queda (;
Como este Foro a ayudo mucho se los comparto D:

Primero que nada hay que bajar el Archivo Adjunto al post (;
[attachment=1200]
Contraseña:

Código:
mybb-es

Sin mas que decir Empezemos ;D

1). Hay que Subir por ftp la Carpeta de Facebook.
2). Una Vezz que ya la haigamos subido la Carpeta de Facebook, Vamos a nuestro:

Código PHP:
Admin Panel -> Platillas -> Plantillas sin grupo -> headerinclude 

3). Una Vez que ya estamos en la Plantilla "headerinclude", Vamos a Añadir lo Siguiente.

Código PHP:
<link rel="stylesheet" type="text/css" href="{$mybb->settings['bburl']}/facebook/facebox.css" />
<script type="text/javascript" src="{$mybb->settings['bburl']}/facebook/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/facebook/facebox.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/facebook/global.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$('a[rel*=facebox]').facebox()
}) 
$.facebox.settings.opacity = 0.7;
</script> 

Luego Al Final de la Plantilla Añaden Esto

Código PHP:
<div id="facebook"> 
<div id="facebook-icon"></div> 
<div id="facebook-app"> 
// ## Aqui Ponen el Iframe de su LikeBox ## //                    
</div>
</div> 

El Iframe Tiene que tener las Siguientes Medidias

Código:
191px y 375px

Eso es Todo (:
Cualquier duda o error avisarme!
PD: Dejen la parte donde Dice Facebok by DJ Death ):

El jquery-1.3.2.min mejor lo usas desde google:

Código:
http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js

Buen tuto.

{SIGNATURE_IMAGE}

@Sama
la jQuery tiene un codigo añadido de "noConflict"
Para que funcione, se lo agrege por que no funcionaba .___.
@Down
Si Ya esta todo Bien Para Que Corra el LikeBox!

Modificaste el jquery-1.3.2.min que agregaste en el zip?

{SIGNATURE_IMAGE}

yo lo tengo diferente quieria la imagen pero parece que el archivo que subiste lo tienes con contraseña sD

@UP
No sabia que lo Tienes O;
La Contraseña es

Código:
mybb-es

no me funcionaa me sale el iframe en la cabecera.. pero nada del slider segui al pie de la letra todo help me plzz

Les funciona normal a todos?

Porque me queda asi?

[Imagen: 5e51146b1a.png]

Segui todo al pie de la letra

a mi me pasa lo mismo , hay arreglo o no ?

Creo que no hay arreglo, pronto voy ahcer un tutorial parecido pero con otro aspecto