ChriDevelop
10-08-2011, 10:00 PM
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 (http://www.le-riviste.com)
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 (https://vborg.vbsupport.ru/attachment.php?attachmentid=133658&stc=1&d=1318258679)
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">
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!
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 (http://www.le-riviste.com)
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 (https://vborg.vbsupport.ru/attachment.php?attachmentid=133658&stc=1&d=1318258679)
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">
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!