Advertisment

June 12, 2016

How to Add a Facebook Page Popup box Plugin in Blogger


How to Add a Facebook Page Popup box Plugin in Blogger

Recently, one of our user asked us about how to add a Facebook Page popup footer box in Blogger. Therefore, we decided to develop a plugin for Facebook Page that only appears when you scroll to the end of a web page. It is a smart way of increasing your Facebook likes and building a strong fan base. Today in this article, we will show you how to add Facebook Page popup footer box plugin in blogger.


What is Facebook Page Popup Footer Box?

It provides a good way to get user friendly attention for your Facebook Fan page. It does not interrupts the user friendly experience and does not distract the user while browsing. 
How to Add a Facebook Page Popup box Plugin in Blogger

When a user reaches the very end of a webpage, the scrolling Facebook Page popup box appears on the bottom right of the screen. Users have the freedom to either keep the scrolling popup footer box or they can close it using the cross (X) icon.
Before we get on to the tutorial, you can check the demo of this widget here.

How to Add Facebook Page Popup Footer Box in Blogger :

The very first thing you need to do is to go to Blogger >> Template >> Edit HTML. In the template codes, search for the ending </body> tag. After finding </body>, just above it paste the following piece 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/sayyadgraphic', msg:'Become our FAN', bgcolor:'#89B399', textcolor:'#ffffff', triggerpoint:6000, network: 'facebook', fb_hide_cover : false, fb_show_posts : false,});</script>
Now, you need to customize the widget according to your needs. Just follow the below instructions and make changes to the above code:
  1. Replace https://www.facebook.com/sayyadgraphic with your Facebook Page URL.
  2. Replace #89B399 with any other color that you want to see as background of this widget.
  3. Replace #ffffff with any other color that you want to see as the text color of this widget.If you have coding knowledge, then you can customize it even further but for a no-technical person the above customization are pretty much it.
Now after customizing the widget, save the template by pressing "Save Template" button located at the top of your screen.

We hope this tutorial have helped you in learning "how to add a Facebook page popup footer box plugin in blogger". Let us know what do you think about this new unique widget in the comments below.
 

2 comments:
Write comments

Thank you for getting in touch!
We appreciate you contacting us about [Contact Reason]. We try to respond as soon as possible, so one of our Customer Service colleagues will get back to you within a few hours.
Have a great day ahead!

About Owner

Sayyad Miskeen is a web developer, SEO Consultant , Graphics Expert and Online Mentor who has been working since 2013 and is managing several successful websites on the internet for last 5 years. Sayyad Miskeen can help you in Web development, Make Money, SEO , Graphics and Online Marketing related issues, if you want to know more about him then click here

About My Father


My father name is Muhammad Miskeen. He is born on 1957.He is a senior Teacher at BISE Rawalpindi.he is Joined his Duty as a art & Drawing Teacher in G.H.S.S Ausia Rawalpindi (12-08-1976) 
Qualifaction: 
carer O'level in G.H.S.S
Intermediate And Graduation in Art & Drawing + Statistics + Economics {1974 - A.I.O.U}

Featured post

Use Telenor Free Internet Trick 2016

How to Use Telenor Free Internet Trick 2016 Telenor Free 2G/3G Internet Trick j Hi ! Everyone ....! My name is Sayyad Miskeen ...

Alexa Rank

© 2014-17 Sayyad Graphics. Designed by Sayyad Miskeen & Distributed by Sayyad Graphics