Friday, 19 October 2012

Add Facebook popup Like button -Blogger

Posted by Unknown | 04:35 Categories: ,





Today I am going to tell you how to Add Facebook popup Like button to blogger .
Adding Facebook like button will surely help to increase your FB page Like

Follow these simple steps to add Facebook popup Like button to Blogger :-

1:-Login to your blogger >> goto Layout >> Click on Add a Gadget >> and ChooseHTML/Java Script


2:-Don't Give any name Title name and put Code below in Code box



<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script>
<script src="https://gj37765.googlecode.com/svn/trunk/html/[www.gj37765.blogspot.com]jquery.colorbox-min.js"></script>
<link rel="stylesheet" href="https://gj37765.googlecode.com/svn/trunk/html/%5Bwww.gj37765.blogspot.com%5Dfbpopup.css" type="text/css" />
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=false') == -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>
<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="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FSaeedaquib.blog&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" 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="http://tricksdonor.blogspot.com/">Tricks Donor</a></p>
</div></div>
Note :- Replace Saeedaquib.blog in above code highlighted Pink With your Facebook page url

ex .. http://www.facebook.com/saeedaquibblog = saeedaquibblog
Member
Blogger Widgets

Grab This Gadget »

Powered by Tricks Donor
Subscribe
emailSubscribe to our mailing list to get the updates to your email inbox...
Delivered by FeedBurner | powered by Tricks Donor
  • RSS
  • Delicious
  • Digg
  • Facebook
  • Twitter
  • Linkedin
  • Youtube