របៀបដាក់ Facebook Pop Up.

១ មុនដំបួងយើងចូលទៅកាន់ Blogger របស់យើងជាមុនសិន

 បន្ទាប់មកយើងត្រូវចូលទៅកាន់ Layout រូចយកពាក្រថា Add Gedget រួចចូលទៅកាន់ HTML/JAVSSCRIP 

រួច​ Paste code ខាងក្រោមនេះចូល

ចំណាំត្រង់https://www.facebook.com/pages/Itmini4/225066414332311

ត្រូវប្តូរទៅជាអាស្រ័យដ្ឋាន page facebook របស់អ្នក

<!-- Facebook Popup Widget START --><!-- Brought to you by www.MorganAndMen.com - www.TheBlogWidgets.com -->

<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%;

}

#MorganAndMen {

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;

}

#TheBlogWidgets {

float:right;

cursor:pointer;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJcCxu6Iv0QVRhfYzRKjXjrMBucb245_KPEQJIxftFnKB2nZZc70oyfawQ-s57Xe9B91SG7YCzOp7AcwXqTi4w7-8Ml3CCzC58EjEIJoBk3MxY7c5dWk4LYFuq2V8B6HUz9drcLPSCc7FZ/s1600/TheBlogWidgets.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;

}

#linkit,#linkit a.visited,#linkit a,#linkit a:hover {

color:#80808B;

font-size:10px;

margin: 0 auto 5px auto;

float:center;

}

</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(20000).fadeIn('medium');

$('#TheBlogWidgets, #fan-exit').click(function(){

$('#fanback').stop().fadeOut('medium');

});

}

});

</script>

<div id='fanback'>

<div id='fan-exit'>

</div>

<div id='MorganAndMen'>

<div id='TheBlogWidgets'>

</div>

<div class='remove-borda'>

</div>

<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?

href=https://www.facebook.com/pages/Itmini4/225066414332311&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'

style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe><center>

<span id="linkit">Powered by <a href="http://morganandmen.com">Morgan&Men SEO Consulting</a> - <a href="http://www.theblogwidgets.com">Widget</a></span></center>

</div>

</div>

<!-- Facebook Popup Widget END. Brought to you by www.MorganAndMen.com - www.TheBlogWidgets.com -->