How To Add Facebook Popup Like Box Widget In Blogger

Facebook has turned into the main online networking administration on the Internet With a specific end goal to create a viable advanced crusade, you totally should exploit online networking by doing things like incorporating Facebook on Blogger. Email showcasing can be helpful, however it accompanies confinements that could restrain your blog potential. Maybe the most critical issue is that messages don't accompany a face or identity like Facebook does.

Sharing site content utilizing a Facebook Like Box is only one of numerous techniques that can produce a general stream of activity from a different demographic that may have been already out of reach. Adding a Facebook Like Box to your site serves to lessens your individual workload, and rather conveys that capacity similarly among your perusers.

When somebody peruses your substance and values the sort of work that you create, they'll share that data to their devotees and fans, setting off a viral response. The initial step important to making this a truth is to roll out this improvement to your site. These next few stages will give you a fast and simple aide on the best way to include a 'Like Box' to your Blogger webpage with the goal that you can start exploiting these incredible open doors.

How to Add the Facebook Popup Like Box Widget

1)     Go to 'Layout' & click the 'Add a Gadget' link on the right side

2)     Once the popup window is open, select the HTML/JavaScript gadget from the list:

3)     Copy and paste the following code inside the empty box:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script><style>#fbox-background {    display: none;    background: rgba(0,0,0,0.8);    width: 100%;    height: 100%;    position: fixed;    top: 0;    left: 0;    z-index: 99999;} #fbox-close {    width: 100%;    height: 100%;} #fbox-display {    background: #eaeaea;    border: 5px solid #828282;    width: 340px;    height: 230px;    position: absolute;    top: 32%;    left: 37%;    -webkit-border-radius: 5px;    -moz-border-radius: 5px;    border-radius: 5px;} #fbox-button {    float: right;    cursor: pointer;    position: absolute;    right: 0px;    top: 0px;} #fbox-button:before {    content: "CLOSE";    padding: 5px 8px;    background: #828282;    color: #eaeaea;    font-weight: bold;    font-size: 10px;    font-family: Tahoma;} #fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover {    color: #aaaaaa;    font-size: 9px;    text-decoration: none;    text-align: center;    padding: 5px;}</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_facebook_box') != 'yes'){$('#fbox-background').delay(5000).fadeIn('medium');$('#fbox-button, #fbox-close').click(function(){$('#fbox-background').stop().fadeOut('medium');});}$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });});</script><div id='fbox-background'><div id='fbox-close'></div><div id='fbox-display'><div id='fbox-button'></div><iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/Blogger-Seo-Trix-804006679713218/&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe><div id="fbox-link">Powered by <a style="padding-left: 0px;" href="http://bloggerseotrix.com" rel="nofollow">Bloggerseotrix</a></div></div></div>

• After adding the code, replace the address in blue https://www.facebook.com/Blogger-Seo-Trix-804006679713218/ with your site's facebook page URL.

• By default, the like box only shows up the first time the user visits your page.  If you would like the Facebook box to popup every time the page loads, then remove this line of code:

$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });

 In the wake of saving your work, you can try out your new element by coming back to one of your old posts which ought to raise a little popup gadget inquiring as to whether you'd like to join the site's facebook page.

On the off chance that you don't see the Facebook Like Box on the page, you may need to erase your treats or look at the "Customization" segment above keeping in mind the end goal to show the gadget each time a client visits your site. When this gadget is added to your website, all your diligent work ought to begin to interpret into an expansion in web activity and number of Facebook fans.