how to facebook like page pop up code in wapka -blogspot

Hello guysIn this tutorial, I will explain how you can allow your users to share content from your site to their facebook timeline. This feature will add extra functionality in your site to get more visitors.



Lets simply get into this tutorial. First of all, you need to have wapsite in wapka.mobi and/or other site builders. In wapka is easy to get the current URL but in other creators its not that much easy unless you have PHP support :). As far as this tutorial is concerned I will follow wapka.mobi, you can read my tutorials on how to create site in wapka.mobi for better understanding of this tutorial

1. Login to your wapka.mobi account.
2. Goto "Admin Mode"
3. Now goto ES > WML/xHTML code and add the following code
<div><div align="right"><div id="mainDiv"> <div align="center"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-73649439-1', 'auto'); ga('send', 'pageview'); </script> <script type="text/javascript"> $(window).scroll(function(){ if($(document).scrollTop()>=$(document).height()/4)$("#finesticker").show("slow"); else $("#finesticker").hide("slow");}); function closeFBsticker(){$('#finesticker').remove();} </script> <style type="text/css"> #finesticker { background: none repeat scroll 0 0 #fff; background-color: ; border-radius: 9px 9px 9px 9px; border: 2px #444; bottom: 6px; display: none; padding: 2px 2px; position: fixed; right: 2px; width: 250px; z-index: 3; } </style> <div><div id="finesticker" style="display: none;"> <a onclick="return closeFBsticker();" href="javascript:void(0);" style="position:absolute;top:6px;right:8px;color:#555;font-size:10px;font-weight:bold;">(X)</a> <span style="font-size:14px;color:#990000;font-weight:bold;float:left;">Like Us And Support Us.</span> <br/><br/> <iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/Waploudcom-656051921242570&amp;width=250&amp;height=300&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:220px;" allowtransparency="true"></iframe></div></div></div> <script type="text/javascript" src="https://code.jquery.com/jquery-2.2.1.min.js"></script> <script type="text/javascript"> /* jQuery javascript functions */ $(function() { // Main menu $('#menu-main-nav').hide(); $('#btn-menu').click(function(){ if($('#menu-main-nav').css('display')=='none') { $('#menu-main-nav').slideDown(); } else { $('#menu-main-nav').slideUp(); } }); }); </script> </div></div></div>

Let us know if it helped you. You can report any bug or any further help if you are trying it and not getting the required results. We at waploud, help you to get everything working