How to Add Facebook Popup Facebook social plugin and Like Box to Blogger

Tuesday, January 21, 2014


To add Facebook popup Facebook social plugin and like box with your Blogger blog. Just copy and paste the following code in your blog and change http://www.facebook.com/mpdhall with your own Facebook fan page.

<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://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9
O7O1q3c8/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 IE
options.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/mpdhall&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> - <br /><html><head>See href="http://www.mpdhall.com/"</head></html>

Change http://www.facebook.com/mpdhall with your own facebook page url.


12 comments

  1. That is really attention-grabbing, You're an excessively skilled blogger.
    I've joined your feed and look ahead to searching for extra of your excellent post.
    Also, I have shared your website in my social networks

    Here is my site the tao of badass ()

    ReplyDelete
  2. Thanks , I've just been looking for info about this topic
    for a long time and yours is the best I have found out till now.
    But, what concerning the bottom line? Are you certain in regards to the supply?|

    My web page: pit 2013 program

    ReplyDelete
  3. Now, as with most developments in the mod
    chip manufacturing world, eventually, some very smart
    programmers and developers finally get it right. Other current models include the Xbox 360
    Pro (sometimes just referred to as Xbox 360, but with
    the slogan "Go Pro" written on its packaging) and the Xbox 360 Elite.
    The Xbox 360 Welcome Channel is a great area for those new to the Microsoft Xbox 360, and modern gaming in general.


    Feel free to visit my homepage xbox 360 emulator

    ReplyDelete
  4. I'm not sure where you are getting your info, but great topic.
    I needs to spend some time learning more or understanding more.
    Thanks for excellent info I was looking for this information for
    my mission.|

    Here is my blog post e-deklaracje

    ReplyDelete
  5. I am a wordpress plugin programmer. I've designed a plugin that should scrape web
    surfer's contact information into your database without having to use their contact.
    I am seeking 'beta' test candidates since you're gaining massive ranges of site traffic, I'm
    imagining your online site. Will you be still interested?


    Feel free to surf to my site ... Boost Your Bust

    ReplyDelete
  6. So, when Reach came out, and a few of my co-workers were
    getting very excited about it, I was interested. Other current models
    include the Xbox 360 Pro (sometimes just referred to as
    Xbox 360, but with the slogan "Go Pro" written on its packaging)
    and the Xbox 360 Elite. There is no possibility of selecting which folders to include
    in streaming, which is a bit of a loss for some.


    Stop by my webpage: xbox 360 emulator

    ReplyDelete
  7. First off I want to say superb blog! I had a quick question in which I'd like to ask if you do not mind.

    I was curious to find out how you center yourself and clear your head before writing.
    I've had difficulty clearing my mind in getting my thoughts out there.

    I do enjoy writing but it just seems like the first 10 to 15 minutes are generally lost simply just trying to figure
    out how to begin. Any suggestions or hints? Many thanks!

    Chekea y navega por mi weblog; trucos

    ReplyDelete
  8. Wow, that's what I was searching for, what a material!
    present here at this webpage, thanks admin of this web page.


    Also visit my homepage ... Reviews on Penis Enlargement Bible

    ReplyDelete
  9. Thank you so much we've added to our website. You have nice blog but change the template of your blog and this is free advise for you. :) Good

    ReplyDelete
  10. Fascinating blog! Is your theme custom made or did you download it from somewhere?
    A theme like yours with a few simple adjustements would really make my blog jump
    out. Please let me know where you got your theme. Cheers

    Look into my site; google (google.com)

    ReplyDelete

 

Enter your email address:

Delivered by FeedBurner

Blogroll

Popular Posts

Technology & Computers - Top Blogs Philippines