How to add facebook popup like box to blogger

Hi guys as we know that Facebook is the best way to connect with people and also helps us to create and share our ideas and our opinions easily without barriers.Today in this tutorial am going to discuss how to add custom facebook like box to our blog.We can show the popularity and following of our blog/site with help of this facebook like box.We can get a tonnes of traffic with help of facebook.

At present it is one of the great social media network,where we can get more fans on facebook for our blog.This custom facebook like box helps blogger to promote their facebook page of his blog and also increases traffic to the blog/website.We can easily add this custom facebook like box to our blog with help of different codes of widget and also attracts the facebook fans to like your page without living your webpage.

How to add custom facebook like box to blog/website

• Login to your blogger account and go to blogger dashboared.
• Now click on layout >Add a gadget > HTML/JavaScript.
  
• Now a popup box will appear as below
  
• Now paste any one of the below code into content space.
• Now replace Worldtrick360?  with your facebook page name and click on save javascript thats all you are done.

Code 1

<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/Worldtrick360?ref=hl263576020319999&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false&" style="border:none; overflow:hidden; width:292px; height:258px;" ></iframe>

• Click on save javascript after replacing Worldtrick360? with your facebook page username.

Code 2

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FWorldtrick360?&amp;width=300&amp;height=190&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=false"scrolling="no" frameborder="0" style="border:none;overflow:hidden; width:312px; height:190px;" allowtransparency="true"></iframe><a href="http://www.worldtrick360.com/2014/02/download-best-blogger-templates-of-2014.html" rel="dofollow" target="_blank" title="blogger templates"><img src="https://bitly.com/haakblog" alt="blogger templates" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://www.worldtrick360.com/" rel="dofollow" target="_blank" title="blogger widgets"><img src="https://bitly.com/haakblog" alt="blogger widgets" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><div id="rpdr" style="font-family: arial, sans-serif; font-size: 9px;"><a href="http://www.worldtrick360.com/2013/07/add-facebook-like-box-widget-for-blogger.html" target="_blank" title="like box Widget">Like box Widget</a></div>

• Click on save javascript after replacing Worldtrick360? with your facebook page username.

 Code 3

<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/Worldtrick360?&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false&" style="border:none; overflow:hidden; width:292px; height:258px;" >

• Click on save javascript after replacing Worldtrick360? with your facebook page username.

 Code 4

script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script><style>#fanback {display:none;background:rgba(0,0,0,0.8);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;}#fan-exit {width:100%;height:100%;}#fanbox {background:white;width:420px;height:270px;position:absolute;top:58%;left:63%;margin:-220px 0 0 -375px;-webkit-box-shadow: inset 0 0 50px 0 #939393;-moz-box-shadow: inset 0 0 50px 0 #939393;box-shadow: inset 0 0 50px 0 #939393;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin: -220px 0 0 -375px;}#fanclose {float:right;cursor:pointer;background:url(http://www.worldtrick360.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/s1600/fanclose.png) repeat;height:15px;padding:20px;position:relative;padding-right:40px;margin-top:-20px;margin-right:-22px;}.remove-borda {height:1px;width:366px;margin:0 auto;background:#F3F3F3;margin-top:16px;position:relative;margin-left:20px;}</style><script type='text/javascript'>//<![CDATA[jQuery.cookie = function (key, value, options) {// key and at least value given, set cookie...if (arguments.length > 1 && String(value) !== "[object Object]") {options = jQuery.extend({}, options);if (value === null || value === undefined) {options.expires = -1;}if (typeof options.expires === 'number') {var days = options.expires, t = options.expires = new Date();t.setDate(t.getDate() + days);}value = String(value);return (document.cookie = [encodeURIComponent(key), '=',options.raw ? value : encodeURIComponent(value),options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IEoptions.path ? '; path=' + options.path : '',options.domain ? '; domain=' + options.domain : '',options.secure ? '; secure' : ''].join(''));}// key and possibly options given, get cookie...options = value || {};var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;};//]]></script><script type='text/javascript'>jQuery(document).ready(function($){if($.cookie('popup_user_login') != 'yes'){$('#fanback').delay(100).fadeIn('medium');$('#fanclose, #fan-exit').click(function(){$('#fanback').stop().fadeOut('medium');});}$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });});</script><div id='fanback'><div id='fan-exit'></div><div id='fanbox'><div id='fanclose'></div><div class='remove-borda'></div><iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/Worldtrick360?&width=402&height=255&colorscheme=light&show_faces=true&border_color=%23E2E2E2&stream=false&header=false'style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe></div></div>

• Click on save javascript after replacing Worldtrick360? with your facebook page username.Thats all friends now enjoy with this facebook popup like box and also increase your blog/website traffic.