How to add pop up Facebook in blog

                        Add Facebook Popup in blog

Facebook can be very useful to increase traffic on your blog, but you must have enough likes on it. The more like their will be, the more traffic you gain, blogger posts can be boost up using Facebook.
Just share your post on Facebook, as people see the link they may visit your blog and increase traffic.
If you already have enough traffic on your blog, then use your blog traffic to increase Facebook like of your page.

The only things you need to do is put popup Facebook widget in your blog and your Facebook page likes totally depends on your blog or website traffic. If you want to remove the Facebook popup just remove the widget.

Lets get started, follow the steps below :-


1. Open your blogger.com

2. Goto layout from left corner

3. Click on add gadget

4. Now click on HTML/Javascript

5. Now just copy the HTML script given below



<!-- Technouncle Code Start -->
<script type='text/javascript'>
//<![CDATA[
KNFBFansPRO='Technouncle'
//]]>
</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/technouncle',
closeable: true });
});
//]]>
</script>
<div id='fbtpdiv'></div>
<!-- Technouncle Code End -->




7. Now change the  Technouncle    CChange to your Blog name


8. Now change the  http://www.facebook.com/technouncle     CChange to your Facebook page address

Categories: Blogging stuff, Computers