Friday, 8 September 2017

How to apply Facebook Popup Like Box in your blog?


Hi Friends, In today's post, we are going to tell you that Blog Me Facebook Popup Like Box widget A lot of new bloggers have been created on the blogspot platform and they want to add blog like an official Facebook page
to the blog, then they can put this widget on such a blog. And for those bloggers who have made a blog on WordPress, this Facebook Popup Like Box also works well for them. Like widget add for any blog or website is very important because by this you can increase the follower of your blog.

What is Facebook Popup Like Box?
This is a FB like box widget that is opened by a visitor after a few seconds of opening your blog or popup. This starts moving like on the Facebook page of Facebook, and we all know that the more ads will be on any page or the more Facebook followers of any blog, the more FB will get the traffic.

These widgets seem to like visitors due to popup on your blog. I have seen a lot of blogs, despite having a new blog, it does not add Facebook Popup Like Box, due to which the number of Facebook followers is less, and if the followers of the Facebook page of a blog are less, then meet their social media The traffic is also less.

Read also

If the traffic of a blog is low then the question of earning does not arise. That's why every popup like box widget for website is very important for every blog or website, whether it's on blogspot or on WordPress. So let's start and tell you how to add Facebook popup like box for website.

Blogger Blog Me Facebook Popup Like Box Kaise Add Kare?
If your blog is built on the blogspot and you want to display this popup widget in which your FB followers increase, then follow the simple steps below -

Step - 1
First open your Blogger Dashboard.


  1. Now click on Layout.
  2. Click on Add a Gadget.

Step - 2


  1. Now you will open a small window in which some widgets are given, click on HTML / JavaScript.
  2. After that an empty box will open in which paste the code below.
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
    <script src='http://aireshalili.github.io/internetsmash/facebook-popup-box.js' type='text/javascript'></script>

    <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/sdk.js#xfbml=1&appId=124246297655999&version=v2.3";
    fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
    <style>
    #fb-box-background {display: none;background: rgba(0, 0, 0, 0.8);width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 99999;}
    #fb-box-close {width: 100%;height: 100%;}
    #fb-box {background: #eaeaea;border: 2px solid #3A3A3A;-webkit-border-radius: 5px;-moz-border-radius: 5px;padding: 4px 10px 4px 10px;border-radius: 5px;position:absolute;top: 40%;left: 40%;margin-top: -50px;margin-left: -50px;}

    #fclose-button {position: absolute;top: -10px;right: -10px;background: #fff;font: bold 16px Arial, Sans-Serif;text-decoration: none;line-height: 22px;width: 22px;
    text-align: center;color: #000000;border: 2px solid #2F2F2F;-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.4);-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 25px;cursor: pointer;}
    #fclose-button:before {content: "X";}
    #Poweredby,#Poweredby a.visited,#Poweredby a,#Poweredby a:hover {color: #aaaaaa;font-size: 9px;text-decoration: none;text-align: center;padding: 5px;}
    #follow-us{font-size: 1.7em;color: #010069;}
    </style>
    <script type='text/javascript'>
    jQuery(document).ready(function($){
    if($.cookie('popup_facebook_box') != 'yes'){
    $('#fb-box-background').delay(15000).fadeIn('medium');
    $('#fclose-button, #fb-box-close').click(function(){
    $('#fb-box-background').stop().fadeOut('medium');
    });
    }
    $.cookie('popup_facebook_box', 'yes', { path: '/', expires: 2 });
    });
    </script>
    <div id='fb-box-background'>
    <div id='fb-box-close'>
    </div>
    <div id='fb-box'>
    <div id="follow-us">Follow us on Facebook</div>
    <div id='fclose-button'>
    </div>
    <div class="fb-page" data-href="https://www.facebook.com/BlogMinto" rel="nofollow" data-width="400" data-height="400" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"></div>
  3. Now click on Save.

Step - 3
Now click on the Save arrangement button next to the side right corner.

Important Customization: Line no of the given code. Do not forget to paste the URL of your Facebook page in place of 42 https://www.facebook.com/blogminto

Congratulation ! Now in your Blogger blog, Facebook Popup Like Box has successfully added, Confirm will open your blog and show your popup widget within 15 seconds.

We now tell you how to add FB popup like widget to WordPress blog.

How to apply without plugin Facebook Popup Like Box in your blog WordPress ?

If your blog is created on WordPress and you want to put this widget in it, then follow the simple steps below -

Step - 1

First open your WordPress Dashboard.

  1. Go to Appearance.
  2. Click on more widgets.
Step - 2

You will now have a new page open in front of which many widgets will be provided.

  1. Click on Text.
  2. Click Add Widget.
Step - 3

  1. Now an empty box will open in front of you in which paste the code given above in this post.
  2. And click on Save.
Note: Line no in the code Do not forget to add your Facebook page URL by removing the given Facebook page URL in 24

Congratulation ! Now in your WordPress blog, Facebook Popup Like Box has been successfully added, please open your blog to confirm, and after 15 seconds you will see Popup Like Box showing.

Read more

So friends, I hope you have added Facebook Popup Like Box to your blog or website, if you are still facing a problem, then by commenting, I can tell about your problem. If you like these posts with Facebook Popup Like Box, do not forget to share it with your friends on social media. Thanks

No comments:

Post a Comment