Popup Box                                                                 සිංහලෙන්

Facebook like popup box for blogger which is also nice to create. When you install it and when someone visit you blog page it will display on the front which ask you to like the page and its very simple and clean.

This is  the method…
  1. Go to Blogger dashboard > Layout
  2. Now Click on > Add a gadget
  3. A box will appear select > HTML/Java Script box by scrolling until you find it  
  4. Now paste this code into the box and click on > Save
  


<!-- Widget by www.slcolours.blogspot.com start --><link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /><script src="http://code.jquery.com/jquery-1.9.1.js"></script><script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script><link rel="stylesheet" href="/resources/demos/style.css" /><script>$(function() { $( "#dialog" ).dialog(); }); </script>  <div id="dialog" title="Like SL Us">
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/SL-Colours/331838533622077#2Fmbgadget&width=292&height=258&show_faces=true&colorscheme=light&stream=false&show_border=true&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:285px; height:258px;" allowtransparency="true"></iframe></center>
<center style="float:right; margin-right:10px;">
 <!-- Please don't remove credit --><span style="font-size:xx-small; color:#000; text-decoration:none;">Create Facebook Like Box Gadget  </span> <a target='_blank' style="font-size:xx-small; color:#3B78CD; text-decoration:none;" href="http://slcolours.blogspot.com/p/home.html#"> Click Here..</a></center>
</div>
<!-- Widget by www.slcolours.blogspot.com End -->



Previous Post Next Post