How To Add POP UP Facebook Like Box For Blog & Website

How To Add POP UP Facebook Like Box For Blog & Website

Get the more fans to your fanpage blogger by adding a popup facebook like box to your blogspot.By adding this customized widget may know the visitors to know the number of people like your website and join your site directly.To get this widget follow below procedure:- 
Login to blogger->>
Design or Template->>
Edit Html Search for the </head> using (ctrl+f)
Now,paste the below code above </head>

<script src=''></script> <script src="[]jquery.colorbox-min.js"></script> <link rel="stylesheet" href="" type="text/css" /> <script type="text/javascript"> jQuery(document).ready(function(){ if (document.cookie.indexOf('visited=flase') == -1) { var fifteenDays = 1000*60*60*24*30; var expires = new Date((new Date()).valueOf() + fifteenDays); document.cookie = "visited=true;expires=" + expires.toUTCString(); $.colorbox({width:"400px", inline:true, href:"#mdfb"}); } }); </script>

Save Template and you are done 50%.

 PART 2:
Go to page elements or layout –>>
Add a Gadget->> Html/java script
Add the below code in Html/java script box

 <div style='display:none'> <div id='mdfb' style='padding:10px; background:#fff;'> <h3 class="mdbox-title">Receive all updates via Facebook. Just Click the Like Button Below<center><p style="line-height:3px;" >▼</p></center></h3> <center> <iframe src="//;width=292&amp;height=590&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=true&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:590px;" allowtransparency="true"></iframe> </center><p style=" float:right; margin-right:35px; font-size:9px;" >Powered By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="">PakistaniGirls</a></p>
</div> </div>

No comments: