Facebook Like Box With Timer

This popup contains a like button instead
1. Go to Blogger > Design > Edit Html.
2.Backup your Template
3. Paste the following code just above </body>

<!-- PsTutsInUrdu Likebox Pro FBFan Code Start --><script type='text/javascript'>//<![CDATA[ KNFBFansPRO='Ps Tuts In Urdu' //]]></script><style>#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 8*/width:450px;border:10px solid #900000;z-index:200;-moz-border-radius: 9px;-webkit-border-radius: 9px;margin:0pt;padding:0pt;color:#900000;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 8*/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:#900000 none repeat scroll 0 0;border-top:1px solid #900000;border-left:1px solid #900000;border-right:1px solid #900000;color:#FFFFFF !important;font-size:14px !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:#FFFFFF;border-top:1px solid #9000000;padding:10px;minCCCCCCght:50px; } #fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important; } #fblikepop #buttonArea a:hover {color:#900000 !important;text-decoration:none !important;border:0 !important; } #fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#333 !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 type='text/javascript' src='https://sites.google.com/site/mmktricks/jquery.js'></script><script type='text/javascript' src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script><script type='text/javascript' src='https://sites.google.com/site/mmktricks/fbpopup.js'></script><script language='javascript'>//<![CDATA[ $(document).ready(function(){ $().KNFBFansPRO({ timeout: 20, wait: 0, url: 'http://www.facebook.com/pstutsinurdu', closeable: true }); }); //]]></script><div id='fbtpdiv'> </div> <!-- PsTutsInUrdu Likebox Pro FBFan Code End -->


Need Help ? If you need further help regarding this tutorial or regarding this blog then just leave your comment on ASK QUESTION page on my blog. I will be happy to answer your queries shortly.

Socialize This Post

SOCIALIZE IT →

Tweet

SHARE IT →