How To Add Timer Pop Up Facebook Page Like Widget For Blogger

Add This To Del.icio.us Tweet/ReTweet This Share on Facebook StumbleUpon This Add to Technorati Digg This

Widgets make blogger more special and give awesome look. Pop up Facebook like box with timer is a great invention of blogger. It's really a special Facebook pop up like widget that appears when visitor enter your site and the widget remain appear for a estimated time fixed by you. That mean the special Facebook like widget both appears and disappear automatically. You can make huge traffic if your visitors like this

You can view a demo






Log in Your Blogger account

Go to Dashboard → Design → Edit HTML

Find the following code (press CTRL+F)

</body>

Now paste the following code just before </body>

<script type='text/javascript'>
//<![CDATA[
KNFBFansPRO='EduTechnology.Net'
//]]>
</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://folsol.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://folsol.googlecode.com/files/fb-like-popup.js' type='text/javascript'/>
<script language='javascript'>
//<![CDATA[
$(document).ready(function(){
$().KNFBFansPRO({
timeout: 25,
wait: 0,
url: 'http://www.facebook.com/edutechnologynet',
closeable: true });
});
//]]>
</script>
<div id='fbtpdiv'/>

Change the red colored text

Now save the template and you are done

If you feel happy then please share this. Please comment here and let us know your feelings and thank you

Tweet

Widgets make blogger more special and give awesome look. Pop up Facebook like box with timer is a great invention of blogger. It's really a special Facebook pop up like widget that appears when visitor enter your site and the widget remain appear for a estimated time fixed by you. That mean the special Facebook like widget both appears and disappear automatically. You can make huge traffic if your visitors like this You can view a demo Log in Your Blogger account Go to Dashboard → Design → Edit HTML Find the following code (press CTRL+F) </body> Now paste the following code just before </body> <script type='text/javascript'> //<![CDATA[ KNFBFansPRO='EduTechnology.Net' //]]> </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://folsol.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://folsol.googlecode.com/files/fb-like-popup.js' type='text/javascript'/> <script language='javascript'> //<![CDATA[ $(document).ready(function(){ $().KNFBFansPRO({ timeout: 25, wait: 0, url: 'http://www.facebook.com/edutechnologynet', closeable: true }); }); //]]> </script> <div id='fbtpdiv'/> Change the red colored text Now save the template and you are done If you feel happy then please share this. Please comment here and let us know your feelings and thank you