vBulletin CMS Widgets - Facebook LikeBox Plug-In [1.1.0] (CMS Widget)

This is a widget for your CMS pages to show the Facebook LikeBox Plug-In.

You will need to Create a new Template (vbcms_widget_static_facelikebox), Create a new Widget (Facebook LikeBox), Configure the Widget, and then finally add the Widget to your Layout (I am not including instructions for that, you should know how to add Widgets to Layouts).

LIVE DEMO

1.0 2011-10-09: First Release
1.1 2011-10-10: Second Release

INSTALL INSTRUCTIONS:

1) Upload all the upload dir into the attachment.

2) Create a new Template
Styles & Templates > Your style > Add Template
Title - vbcms_widget_static_facelikebox
There are some likebox so i do a list*:

• If you would likebox like this ==> Attachment 1
  Add this template:
  

  <div class="cms_widget"> 	
  <div class="block"> 		
  <div class="cms_widget_header">
  <h3>
  <img alt="" src="images/cms/facebook.png" title="Find Us On Facebook">
  &nbsp;Find Us On Facebook!
  </h3>
  </div>
  <div class="cms_widget_content widget_content" align="center">
  <br>
  <div id="fb-root"></div>
  <script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>
  
  <div class="fb-like-box" data-href="YOUR FACEBOOK PAGE HERE" data-width="XX" data-border-color="#FFFFFF" data-show-faces="true" data-stream="false" data-header="false"></div></div></div></div>

  You must edit the width size in the string data-width="XX" so you can modify XX with a custom width in pixels
  
  Then you must edit the string "data-href="YOUR FACEBOOK PAGE HERE"" so you must edit YOUR FACEBOOK PAGE HERE with you facebook page URL
  *

* I'll post many versions of this in a few days...

3) Create a new Widget
vBulletin CMS > Widgets > Create New Widget
Widget Type - Static HTML
Title - Facebook LikeBox
SAVE


4) Configure the Widget
Now go to vBulletin CMS > Widgets > Users Online > Configure
Change the Template Name to -
vbcms_widget_static_facelikebox

.
.
.
.

SUPPORT ME WITH A SIMPLE DONATION (CHECK MY USER INFO)

.
.
.
.
IN A FEW DAYS I WILL RELEASE A NEW VERSION OF THIS WIDGET!

[voglermc]

Nice

[Rckcrwlr]

Saving this one...

[abdobasha2004]

it is so simple to copy and past the code from facebook itself !!

[ChriDevelop]

Originally Posted by abdobasha2004

it is so simple to copy and past the code from facebook itself !!

Yeah, but i'll edit this in a beautiful widget!

[ChriDevelop]

Updated!

[jefferis]

) Configure the Widget
Now go to vBulletin CMS > Widgets > Users Online > Configure
Change the Template Name to -
vbcms_widget_static_facelikebox

There is no Users Online in widgets in the default CMS in 4.1.8...

[rjerina]

Originally Posted by jefferis

There is no Users Online in widgets in the default CMS in 4.1.8...

Yes, doesn't exist. Dead project?