Facebook Like box Popup for Blogger
MBT has released yet another widget for bloggers with some advanced features which is more attractive than previous one.
"Facebook Like" popup widget for blogger can do wonders if you have
high traffic ,unique contents,because people/visitors will love to stay with your site if the contents you're providing is something usefull to them,else you wont have any "Like" from the widget,if i'm not wrong.
You may also like :
Floating Fb Like,GPlus,Tweet button widget for blogger
So,here i want to share the all new
Blogger widget for facebook like pop-up with timer control.
Follow the very simple steps,
1.Goto
Blogger > Design > Edit HTML >
find :
</body>
2. Copy the below code and paste it above the </body> tag.
<script type='text/javascript'>
//<![CDATA[
KNFBFansPRO='StudentsCrunch'
//]]>
</script>
<style>#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 6*/width:450px;border:10px solid #6F6F6F;z-index:200;-moz-border-radius: 9px;-webkit-border-radius: 9px;margin:0pt;padding:0pt;color:#333333;text-align:left;font-family:arial,sans-serif;font-size:13px;}
#fblikepop body{background:#fff none repeat scroll 0%;line-height:1;margin:0pt;height:100%;}
.fbflush{cursor: pointer;font-size:11px !important;color:#FFF !important;text-decoration:none !important;border:0 !important;}
#fblikebg{display:none;position:fixed;_position:absolute; /* hack for IE 6*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:100;}
#fblikepop #closeable{float:right;margin:7px 15px 0 0;}
#fblikepop h1{background:#6D84B4 none repeat scroll 0 0;border-top:1px solid #3B5998;border-left:1px solid #3B5998;border-right:1px solid #3B5998;color:#FFFFFF !important;font-size:18px !important;font-weight:normal !important;padding:5px !important;margin:0 !important;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;}
#fblikepop #actionHolder{height:30px;overflow:hidden;}
#fblikepop #buttonArea{background:#F2F2F2;border-top:1px solid #CCCCCC;padding:10px;min-height:50px;}
#fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important;}
#fblikepop #buttonArea a:hover{color:#333 !important;text-decoration:none !important;border:0 !important;}
#fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#fff !important;}
#fblikepop #counter-display{float:right;font-size:11px !important;font-weight:normal !important;margin:5px 0 0 0;text-align:right;line-height:16px;}</style>
<script src='http://mybloggertricks.googlecode.com/files/jquery.js' type='text/javascript'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script src='http://mybloggertricks.googlecode.com/files/mbtlikebox2.js' type='text/javascript'/>
<script language='javascript'>
//<![CDATA[
$(document).ready(function(){
$().KNFBFansPRO({
timeout: 30,
wait: 0,
url: 'http://www.facebook.com/StudentsCrunch',
closeable: true });
});
//]]>
</script>
<div id='fbtpdiv'/>
3. Find
facebook.com/studentscrunch and replace studentscrunch with your fb fan page username.
4. Find Timeout:30 and change it to whatever duration you want the pop-up box to appear.
5.Save it and you're done.!!
Credit goes to : MBT.
I hope you like facebook like box ,by the way dont forgot to
Like StudentsCrunch .
If you have any errors ,do post your comments..below.
tags: blogger widgets,mbt widget,mybloggertricks blogger widget,facebook like box widget for blogger,fb like box popup widget,blogger tricks,
