We have already discussed
Showing a social media promotion
How to Enable Facebook Pop Up box for blogs/websites
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>
We have successfully added Jquery code
3. Now we need to add some style sheets
]]></b : skin>
And add the code shown below before closing b
4. Almost completed the final step is here.
<
$
$
}
},1000);
//
//
//
//var fbpopupdataleft = (fbpopupdataww-fbpopupdatawww)/2;
//
//
//var fbpopupdatatop = (jQuery(window).scrollTop()+fbpopupdatawindow-fbpopupdatadiv) / 2;
<div class=”fbpopupdatadata”><center><iframe src=”http://facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2F/TechieFeeds&width=400&colorscheme=light&show_faces=true&border_color=%23fff&stream=false&header=false&height=250″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:show; width:400px; height:250px;” allowtransparency=”true”></iframe></center></div><div id=”fbpopupdatafooter”>Please Wait <span>60</span> Seconds<br/><a href=”wwww.techiefeeds.com” target=”_blank” id=”fbpopupdataclose” onclick=”return false;”>Close X</a></div></div>
Change the yellow colored text (
Update (7/01/2015): SumoMe is an awesome tool.