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
Templates are further divided into two categories free and purchased templates. If you are beginner in blogging then you must go with free templates.In free template, you will get everything in as like as in purchased. There no difference between free and purchased, it depends on the person who made it wanted to sell or give it away free.
