Sabali Co > Documentation > Facebook

Facebook

Facebook Button

This code will add a basic Facebook like button that connects to your page.

<?php include ''.$_SERVER['DOCUMENT_ROOT'].'/blueprint/assets/social/facebook-button.php'; ?>

The full HTML code available here below.

<div class="content-facebook-like">

<div class="facebook-like-button">

<div class="fb-like" data-href="https://www.facebook.com/sabalico" data-layout="button_count" data-action="like" data-size="large" data-show-faces="true" data-share="true"></div>

</div>

</div>

Facebook Box

This code adds a graphic box that has the same function as the Facebook like button but displays much more information like your profile picture, banner and people who have liked the page.

<?php include ''.$_SERVER['DOCUMENT_ROOT'].'/blueprint/assets/social/facebook-box.php'; ?>

The full HTML code available here below.

<div class="facebook-box">

<div class="facebook-like">

<div class="fb-like-box" data-href="https://www.facebook.com/ sabalico" data-width="300" data-height="300" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>

</div>

</div>

Facebook Comments

Add Facebook comments to any page you want and it will link directly to Facebook itself.

<?php include ''.$_SERVER['DOCUMENT_ROOT'].'/blueprint/assets/facebook-comments.php'; ?>

The full HTML code available here below.

<div class="comments">

<div class="fb-comments" data-href="https://www.sabali.co" data-width="500" data-numposts="5"></div>

</div>

Comments Example

Sabali Co - CMS

CMS