ថ្ងៃនេះយើងជួបគ្នាម្ដងទៀតជាមួយនឹង អត្ថបទថ្មីដែលទាក់ទងជាមួយនឹង Blogger ទៀតហើយ។ អត្ថបទថ្ងៃនេះនិយាយអំពី របៀបដាក់ Facebook សារ នៅក្នុង ប្លុកករ ដើម្បីឲ្យអ្នកងាយស្រួលផ្ញើសារទៅកាន់ Admin ផ្ទាល់តែម្ដង មិនចាំបាច់ Post Comment រងចាំគេឆ្លើយនៅក្នុងប្លុកទៀតឡើយ ។ ដូច្នេះកុំឲ្យខាតពេលយូរ ទៅជាមួួយ Admin តែម្ដង៖
១-សូមចូលទៅកាន់គណនីប្លុកកររបស់អ្នក
២-ចូលទៅកាន់ Layout បន្ទាប់មក Add a Gadget រួចយក Html/javascript
៣-ចម្លងកូដខាងក្រោមដាក់នៅក្នុង Html/javascript នោះ
<style type="text/css">
#b-c-facebook .fbchat_box,#chat_f_b_smal,#f_bt_start_chat{background:#0009}
#fbchat_box{padding-right:15px;max-width:210px;max-height:50px;display:block;transition:all .3s}
#b-c-facebook .f-chat-conent .chat-single a,#chat_f_b_smal{font-family:Arial,sans-serif}
#b-c-facebook .fbchat_box,#chat_f_b_smal{text-shadow:0 1px 0 rgbaundefined0,0,0,.1);background-repeat:repeat-x;background-size:auto;background-position:0 0;text-decoration:none}
.chat_f_vt{position:fixed;right:10px}
#chat_f_b_smal{padding:0 10px;cursor:pointer;width:90px;color:#fff;height:38px;line-height:38px;background-color:#3a5897;border:0;margin-right:12px;font-size:14px;z-index:9999;bottom:0;border-top-left-radius:5px;border-top-right-radius:5px;bottom:-400px;transition:all .3s;text-align:center;display:block}
#chat_f_b_smal:hover{background-color:#3B5998;opacity:1}
#b-c-facebook{margin-right:50px;bottom:0;z-index:9999;transition:all .3s;width:250px;height:auto;max-height:375px;min-height:38px;box-shadow:0 10px 50px 0 rgbaundefined0, 33, 171, 0.9);border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden;display:block}
#b-c-facebook .f-chat-conent{float:left;width:100%;height:335px;overflow:hidden;display:none;background-color:#fff;position:relative}
#b-c-facebook .f-chat-conent .chat-single{float:left;position:absolute;bottom:0;left:0;background-color:#fff;line-height:25px;color:#fff;width:100%}
#b-c-facebook .f-chat-conent .chat-single a{float:left;text-decoration:none;margin-left:10px;color:#0C5BB5;font-size:12px}
#b-c-facebook .f-chat-conent .chat-single a:hover{color:#F60}
#b-c-facebook .fbchat_box label{width:185px}
#b-c-facebook .f-chat-conent .chat-single label{float:right;color:silver;margin-right:5px;font-size:12px;font-family:Arial}
#b-c-facebook .fbchat_box,#b-c-facebook .fbchat_box label{line-height:20px;margin:0;cursor:pointer;font-family:Arial,sans-serif;font-size:14px}
#b-c-facebook .f-chat-conent .chat-single i{color:#0C5BB5}
#b-c-facebook .f-chat-conent .fb-page{margin-top:0;float:left;height:310px}
#b-c-facebook .fbchat_box{float:left;padding:0 25px;padding-left:15px;width:250px;color:#fff;height:38px;line-height:38px;background-color:#0009;border:0;z-index:9999;margin-right:12px}
#b-c-facebook .fbchat_box label{position:absolute;top:10px}
//Widget by www.bloggerspice.com
.title-f-chat-icon{margin-left:-10px}
#t_f_chat{float:left;position:absolute;right:15px;top:-5px}
#t_f_chat a{color:#fff;font-size:17px;font-family:verdana;text-decoration:none}
#t_f_chat a:hover i{color:#ff0;text-decoration:none}
.chat-left-5{margin-left:2px}
#start_chat{position:absolute;width:248px;height:239px;top:70px;left:0;background-color:#fff;padding:10px;float:left;display:none}
#start_chat em{font-size:11px;color:gray}
.msg_b{color:#434a54;width:80%;word-wrap:break-word;overflow:hidden;font-family:Arial,sans-serif;font-size:14px;background:#edeef1;padding:10px;min-height:13px;margin-bottom:5px;position:relative;margin:5px;border-radius:5px;border:1px solid #dfe3e9}
#close_chat{opacity:0.5}
#close_chat:hover{opacity:1}
.msg_b a{text-decoration:underline;color:#01509E}
#f_bt_start_chat{margin:auto;background-color:#3a5897;border-radius:3px;color:#fff;font-family:Arial;font-size:14px;font-weight:bold;padding:9px 35px;text-decoration:none}
#f_bt_start_chat:hover{text-decoration:none;opacity:0.8}
#start_chat p{margin-top:30px}
#fb_alert_num{background-color:#ff0;padding:0 7px;color:red;border-radius:40px;font-size:13px;font-family:Arial;font-weight:700;position:absolute;right:55px;top:12px;height:20px;line-height:20px;display:none!important}
.hide_chatbox{display:none}
#f_enter_3{margin-top:30px}
</style>
<script>
//<![CDATA[
function check_fist_vist_fundefined){var _=f_read_ckiundefined"check_fist_vist_f");undefined0==_||""==_)&&undefinedfb_eshowundefined"f-chat-conent"),f_create_ckiundefined"check_fist_vist_f","1",1),f_create_ckiundefined"f_chat_open","1",1))}
function close_chatundefined){fb_ehideundefined'b-c-facebook'),f_create_ckiundefined'close_chat',1,1),$undefined'body').findundefined'.zopim').removeundefined),fb_eshowundefined'chat_f_b_smal'),on_playsoundundefined'click')}
function open_chatundefined){f_create_ckiundefined'close_chat','0',1),fb_eshowundefined'b-c-facebook'),fb_eshowundefined'f-chat-conent'),fb_ehideundefined'chat_f_b_smal')}
function f_bt_start_chatundefined){f_create_ckiundefined'f_bt_start_chat','1',10),fb_ehideundefined'start_chat'),fb_ehideundefined'fb_alert_num'),on_playsoundundefined'click')}
function f_c_start_chatundefined){var t=f_read_ckiundefined'f_bt_start_chat');0==t||''==t?undefinedfb_eshowundefined'start_chat '),fb_eshowundefined'fb_alert_num'),f_chat_stepundefined)):undefinedfb_ehideundefined'start_chat'),fb_ehideundefined'fb_alert_num'))}
function b_f_chatundefined){var t=f_read_ckiundefined'f_chat_open');0==t||''==t?undefinedfb_eshowundefined'f-chat-conent'),f_create_ckiundefined'f_chat_open','1',1)):undefinedfb_ehideundefined'f-chat-conent'),f_create_ckiundefined'f_chat_open','0',1)),on_playsoundundefined'click')}
function f_ck_chatundefined){check_fist_vist_fundefined);f_c_start_chatundefined);var t=f_read_ckiundefined'close_chat');ifundefined''==t||0==t||'0'==t){fb_eshowundefined'b-c-facebook'),fb_ehideundefined'chat_f_b_smal');var e=f_read_ckiundefined'f_chat_open');undefined1==e||'1'==e)&&fb_eshowundefined'f-chat-conent')}else fb_eshowundefined'chat_f_b_smal'),fb_ehideundefined'b-c-facebook')}
function f_chat_stepundefined){on_playsoundundefined'door_bell')
fb_eshowundefined'f_enter_1');fb_eshowundefined'f_enter_3');}
function fb_eshowundefinedt){document.getElementByIdundefinedt).style.display='block';}
function fb_ehideundefinedt){document.getElementByIdundefinedt).style.display='none';}
function f_create_ckiundefinedt,e,n){ifundefinedn){var o=new Date;o.setTimeundefinedo.getTimeundefined)+24*n*60*60*1e3);var c='; expires='+o.toGMTStringundefined)}else var c='';document.cookie=t+'='+e+c+'; path=/';}
function f_read_ckiundefinedt){forundefinedvar e=t+'=',n=document.cookie.splitundefined';'),o=0;o<n.length;o++){forundefinedvar c=n[o];' '==c.charAtundefined0);)c=c.substringundefined1,c.length);ifundefined0==c.indexOfundefinede))return c.substringundefinede.length,c.length)}
return''}
function on_playsoundundefinedt){}
function ionSoundundefined){1==web_sound&&$.ionSoundundefined{sounds:['click','door_bell'],path:fb_path.live_chat_path+'sounds/',multiPlay:!0,volume:'1.0'})}
var web_sound=!0;jQueryundefineddocument).readyundefinedfunctionundefinedt){tundefinedwindow).scrollundefinedfunctionundefined){var e=tundefinedwindow).widthundefined);680>=e?f_create_ckiundefined'f_chat_open','0',1):f_create_ckiundefined'f_chat_open','1',1)})}),setTimeoutundefinedfunctionundefined){f_ck_chatundefined)},1000);var $=jQuery.noConflictundefined);!functionundefinedt){ifundefined!t.ionSound){var e,n,o,c,_={},f={},a=!1,i=functionundefinede){var c,a;-1!==e.indexOfundefined':')?undefinedc=e.splitundefined':')[0],a=e.splitundefined':')[1]):c=e,f[c]=new Audio,n=f[c].canPlayTypeundefined'audio/mp3'),o='probably'===n||'maybe'===n?_.path+c+'.mp3':_.path+c+'.ogg',tundefinedf[c]).propundefined'src',o),f[c].loadundefined),f[c].preload='auto',f[c].volume=a||_.volume},u=functionundefinedt){var e,n,o,c;ifundefined-1!==t.indexOfundefined':')?undefinedn=t.splitundefined':')[0],o=t.splitundefined':')[1]):n=t,e=f[n],'object'==typeof e&&null!==e)
ifundefinedo&&undefinede.volume=o),_.multiPlay||a){ifundefined_.multiPlay)
ifundefinede.ended)e.playundefined);else{try{e.currentTime=0}catchundefinedi){}
e.playundefined)}}else e.playundefined),a=!0,c=setIntervalundefinedfunctionundefined){e.ended&&undefinedclearIntervalundefinedc),a=!1)},250)},l=functionundefinedt){var e=f[t];ifundefined'object'==typeof e&&null!==e){e.pauseundefined);try{e.currentTime=0}catchundefinedn){}}},r=functionundefinedt){var e=f[t];ifundefined'object'==typeof e&&null!==e){try{f[t].src=''}catchundefinedn){}
f[t]=null}};t.ionSound=functionundefinedn){ifundefined_=t.extendundefined{sounds:['water_droplet'],path:'/sounds/',multiPlay:!0,volume:'0.5'},n),e=_.sounds.length,'function'==typeof Audio||'object'==typeof Audio)
forundefinedc=0;e>c;c+=1)iundefined_.sounds[c]);t.ionSound.play=functionundefinedt){uundefinedt)},t.ionSound.stop=functionundefinedt){lundefinedt)},t.ionSound.kill=functionundefinedt){rundefinedt)}},t.ionSound.destroy=functionundefined){forundefinedc=0;e>c;c+=1)f[_.sounds[c]]=null;e=0,t.ionSound.play=functionundefined){},t.ionSound.stop=functionundefined){},t.ionSound.kill=functionundefined){}}}}undefinedjQuery);
//]]>
</script>
<a title="Open Chat" id="chat_f_b_smal" onclick="open_chatundefined)" class="chat_f_vt">Open Chat</a> <div id="b-c-facebook" class="chat_f_vt"> <div id="fbchat_box" onclick="b_f_chatundefined)" class="fbchat_box"> <label>Send Message to Admin</label> <span id="fb_alert_num">1</span> <div id="t_f_chat"><div class='close_chatfb' onclick='hidechatfbundefined)'>_</div></div></div><div id="f-chat-conent" class="f-chat-conent"> <div class="fb-page" data-tabs="messages" data-href="https://web.facebook.com/asvadekdaily/" data-width="250" data-height="310" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="false" data-show-posts="true"> </div><div id="start_chat"> <div id="f_enter_1" class="msg_b hide_chatbox"> Hello! Thanks for visiting my site. Please press Start button to Contact with Admin :) </div><p id="f_enter_3" class="hide_chatbox" align="center"> <a href="javascript:;" onclick="f_bt_start_chatundefined)" id="f_bt_start_chat">Start</a> </p></div></div></div>
<div id="fb-root"></div>
<script>undefinedfunctionundefinedd,s,id){var js,fjs=d.getElementsByTagNameundefineds)[0];ifundefinedd.getElementByIdundefinedid))return;js=d.createElementundefineds);js.id=id;js.src="//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5";fjs.parentNode.insertBeforeundefinedjs,fjs);}undefineddocument,'script','facebook-jssdk'));</script>
ចំនុចទី 4 ត្រូវផ្លាស់ប្ដូរ Link របស់ Facebook page នៅក្នុងកូដនោះជាការស្រេច ប្ដូរពី Asvadekdaily ទៅកាន់ Page url របស់អ្នកជាការស្រេច
ចំនុចទី 5 បើសិនជាលោកអ្នកចង់ផ្លាស់ប្ដូរ style របស់វាចូលកាន់ កូដនោះរួចស្វែងរក Code style css របស់វាជាការស្រេច
អត្ថបទដោយ Asvadek
EmotionEmotion