Friday, January 24, 2020

How To Add Together A Facebook Page Popup Footer Box Plugin Inwards Blogger

In the past, nosotros convey shown you lot how to add together a Facebook page plugin, Facebook comments, Facebook portion push inwards blogger. Recently, ane of our user asked us nearly how to add together a Facebook Page popup footer box inwards Blogger. Therefore, nosotros decided to educate a plugin for Facebook Page that exclusively appears when you lot scroll to the cease of a spider web page. It is a smart agency of increasing your Facebook likes in addition to edifice a rigid fan base. Today inwards this article, nosotros volition exhibit you lot how to add together Facebook Page popup footer box plugin inwards blogger.

What is Facebook Page Popup Footer Box?

It provides a practiced agency to acquire user friendly attending for your Facebook Fan page. It does non interrupts the user friendly sense in addition to does non distract the user land browsing. 
When a user reaches the real cease of a webpage, the scrolling Facebook Page popup box appears on the bottom correct of the screen. Users convey the liberty to either proceed the scrolling popup footer box or they tin dismiss closed it using the cross (X) icon.

Before nosotros acquire on to the tutorial, you lot tin dismiss cheque the demo of this widget here.


How to Add Facebook Page Popup Footer Box inwards Blogger 

The real outset affair you lot demand to create is to become to Blogger >> Template >> Edit HTML. In the template codes, search for the ending </body> tag. After finding </body>, only inwards a higher house it glue the next slice of code:

<link href="http://mybloggerlab.com/StyleSheet/MBL_FBPOP.css" rel="stylesheet" />
<script src="http://mybloggerlab.com/Scripts/MBL_FBPOP.js"></script>
<script type="text/javascript">
$('body').popscroll({
 channel:'https://www.facebook.com/templateism',
 msg:'Become our FAN',
 bgcolor:'#89B399',
 textcolor:'#ffffff',
 triggerpoint:6000,
 network: 'facebook',
 fb_hide_cover : false,
 fb_show_posts : false,
});
</script>

Now, you lot demand to customize the widget according to your needs. Just follow the below instructions in addition to brand changes to the inwards a higher house code:
  1. Replace https://www.facebook.com/templateism amongst your Facebook Page URL.
  2. Replace #89B399 amongst whatever other color that you lot desire to run across every bit background of this widget.
  3. Replace #ffffff with whatever other color that you lot desire to run across every bit the text color of this widget.
If you lot convey coding knowledge, thus you lot tin dismiss customize it fifty-fifty farther but for a no-technical mortal the inwards a higher house customization are pretty much it.

Now afterwards customizing the widget, salvage the template past times pressing "Save Template" push located at the meridian of your screen.

We promise this tutorial convey helped you lot inwards learning how to add together a Facebook page popup footer box plugin inwards blogger. Let us know what create you lot intend nearly this novel unique widget inwards the comments below.

No comments:

Post a Comment