How facebook is playing a vital role in human life by connecting people with each other. Most of the people are sticking to this social networking site daily. Sharing on Facebook not only pictures and also fantastic information about their personal and world news. Here, BlogTariff helps you to create another wonderful widget for your blogger blog. If you’ve created an account on Facebook and gained number of likes then here you can find another way to increase your fans via this “Like” widget box with advance features.

What are the advantages for adding this widget to your blogger blog?

You can increase Facebook page Likes and also reliable traffic. If the rate of Traffic increases automatically revenue increases by getting more visitors/readers to your blogger blog.
Let’s begin how to Add a Popup Facebook Likes box
Sing into your blogger blog
Click on to “Design – Page elements” Tab
Click on “Edit HTML” Tab (Please back up your template before you do this experiment on your blog, if any thing goes wrong you can reuse it)
Search for below code
After find the above code </body> paste the below code just above
<script type='text/javascript'>
<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='' type='text/javascript'/>
<script src='' type='text/javascript'/>
<script src='' type='text/javascript'/>
<script language='javascript'>
timeout: 30,
wait: 0,
url: '',
closeable: true });
<div id='fbtpdiv'/>
Replace “Blogtariffcom” with your facebook page name in red color
Change the timeout seconds as you like with “30
After successful changes now save the template and preview your blog…just watch how your facebook popup widget looks.
Sign up for FREE Blogging Trick Alerts to Your email.

Post a Comment Gmail ID