Loading...

August 30, 2019

របៀប​ដាក់ Facebook Popup Like Box សម្រាប់ Blogger


Facebook Popup Like Box មិន​មែន​ជា​រឿង​ថ្មី​នោះ​ទេ​ ខ្ញុំ​ធ្លាប់​បាន​លើក​យក​គន្លឹះ​នេះ ​មក​បង្ហាញ​ច្រើន​ដង​មក​ហើយ តែ​លើក​នេះ​ខ្ញុំ​នឹង​បង្ហាញ​បន្ត​ទៀត​សម្រាប់​អ្នក​ទើប​ចាប់ផ្ដើម​ប្រើប្រាស់​កំណត់ហេតុ​បណ្ដាញ Blogger របស់ Google ។

Facebook បាន​បង្កើត widget សម្រាប់​អនុញ្ញាត​ឲ្យ​អ្នក​មាន page យក​មក​ដាក់​បង្ហាញ​នៅ​របា​ចំហៀង​នៃ​គេហទំព័រ ឬ blog បាន ។ តែ​សម្រាប់​ម្ចាស់​ blog ដែល​ចង់​ឲ្យ​​អ្នក​ចូល​មើល​ឆាប់​ឃើញ​គឺ​យើង​អាច​ដាក់​ជា​លក្ខណៈ pop up លោត​បង្ហាញ​នៅ​នឹង​មុខ​អេក្រង់​ នៅ​រាល់​ពេល​បើក​ម្ដងៗ ឬ​ពេល​មួយ​សប្ដាហ៍ ឬ​មួយ​ខែ ។

៙ របៀប​ដាក់ Facebook Popup Like Box សម្រាប់ Blogger ៖

​១- ចូល​ក្នុង​គណនី Blogger.com របស់​លោក​​អ្នក
​២- ចូល​ទៅ​ផ្នែក Layout >> ចុច​លើ​ពាក្យ Add a Gadget (នៅ​កន្លែង​ណាមួយ​ដែល​អ្នក​ចង់​ដាក់)
​៣- ជ្រើសរើស​យក HTML/JavaScript
​៤- ចម្លង​កូដ​ខាង​ក្រោម​នេះ​​ដាក់​ចូល​ទៅ​ក្នុង content ដោយ​​​កែប្រែ​តំណ​ភ្ជាប់ Page ​របស់​លោកអ្នក​ជា​ការ​ស្រេច ។
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js' type='text/javascript'></script>
<style>
#popupFbLikeBox {display:none;position:fixed;background:rgba(0,0,0,0.7);height:100%;width:100%;left:0;top:0;z-index:99999;}
#popupArea {position:absolute;background:white;height:270px;width:auto;left:63%;top:58%;border-radius: 5px;margin:-220px 0 0 -375px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
#popupClose{text-align:center;padding:10px;position:relative;cursor:pointer;background: linear-gradient(#eee, #fff);border-top-left-radius: 5px;border-top-right-radius: 5px;color:#000;}
#popupClose:hover{color:red;}
.fbLikeboxArea {margin:0 auto;width:366px;height:1px;margin-top:16px;margin-left:20px;position:relative;}
@media only screen and (max-width: 500px) {
#popupArea{left:63%;top:58%;margin:-220px 0 0 -250px;}
.fb-like-box,.fb-like-box span,.fb-like-box span iframe[style]{width: 100% !important;}}
</style>
<script>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// 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() : '',
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));}
//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>
jQuery(document).ready(function($){
if($.cookie('logedin_user') != 'yes'){
$('#popupFbLikeBox').delay(2000).fadeIn('medium');
$('#popupClose').click(function(){
$('#popupFbLikeBox').stop().fadeOut('medium');
});
}
$.cookie('logedin_user', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='popupFbLikeBox'>
<div id='popupArea'>
<div id='popupClose'>CLOSE
</div>
<div class='fbLikeboxArea'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/AKbalthom.Art&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>
</div>
</div>

៙ កន្លែង​កែប្រែ​កូដ ៖

កែប្រែ​តំណ Page ពី https://www.facebook.com/AKbalthom.Art ទៅ​ជា​តំណ​ទំព័រ facebook របស់​លោកអ្នក ។

Post a Comment

Whatsapp Button works on Mobile Device only

វាយតែមួយពាក្យដែលអ្នកចង់ស្វែងរក