الدرس 89: طريقة إضافة صندوق دردشة فيسبوك ماسنجر على مدونة بلوجر ✔

الدرس 89: طريقة إضافة صندوق دردشة فيسبوك ماسنجر على مدونة بلوجر

شرح كيفية اضافة صندوق رسائل دردشة فيسبوك ماسنجر messenger facebook على مدونة بلوجر blogger لارسال رسائل الى صفحتك مباشرة من طرف زوار و متابعي مدونتك

السلام عليكم احبابي متتبعي مدونة علوم وتقنيات فى درس جديد على قسم الخاص بانشاء مدونة بلوجر احترافية , فى هذا الدرس ان شاء الله ساقدم لكم اضافة جديدة و رائعة و هي اضافة صندوق دردشة خاص بالفيسبوك شبيه بالمنستجر messenger يمكن عبره من ارسال الزوار لك رسائل الى من مدونتك الى صفحتك على الفيسبوك بطريقة رائعة , و ايضا مايميز هذه الاضافة وجود زر الاعجاب خاص بصفحتك عليها يسهل على الزوار الانضمام و الاعجاب بصفحتك على الفيسبوك و يزيد عدد معجبيك بشكل كبير .

كيفية إضافة صندوق دردشة فيسبوك ماسنجر لصفحتك على مدونة بلوجر

طبعا خطوات اضافة صندوق ارسال الرسائل الى صفحتك على الفيسبوك مباشرة من مدونتك سهل فقط ماعليك الا اتباع الخطوات التى ساشرحها لكن على هذا الفيديوا التعليمي

كود الخاص باضافة صندوق رسائل الفيسبوك لصفحتك من مدونتك مباشرة

#b-c-facebook .fbchat_box,#chat_f_b_smal,#f_bt_start_chat{backgr  ound:#3a5897} #fbchat_box{padding-left: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 rgba(0,0,0,.1);background-repeat:repeat-x;background-size:auto;background-position:0 0;text-decoration:none} .chat_f_vt{position:fixed;left:10px} #chat_f_b_smal{padding:0 10px;cursor:pointer;width:90px;color:#fff;height:3  8px;line-height:38px;background-color:#3a5897;border:0;margin-left:12px;font-size:14px;z-index:999999999;bottom:0;border-top-right-radius:5px;border-top-left-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-left:50px;bottom:0;z-index:9999999999;transition:all .3s;width:250px;height:auto;max-height:375px;min-height:38px;box-shadow:0 10px 50px 0 rgba(0,0,0,0.25);border-top-right-radius:5px;border-top-left-radius:5px;overflow:hidden;display:block} #b-c-facebook .f-chat-conent{float:right;width:100%;height:335px;overflo  w:hidden;display:none;background-color:#fff;position:relative} #b-c-facebook .f-chat-conent .chat-single{float:right;position:absolute;bottom:0;righ  t:0;background-color:#fff;line-height:25px;color:#fff;width:100%} #b-c-facebook .f-chat-conent .chat-single a{float:right;text-decoration:none;margin-right: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:left;color:silver;margin-left: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:right;height:310px} #b-c-facebook .fbchat_box{float:right;padding:0 25px;padding-right:15px;width:250px;color:#fff;height:38px;line-height:38px;background-color:#3a5897;border:0;z-index:9999999;margin-left:12px} #b-c-facebook .fbchat_box label{position:absolute;top:10px} //Widget by <a href="http://www.arabes1.com" target="_blank">www.arabes1.com</a>  .title-f-chat-icon{margin-right:-10px} #t_f_chat{float:right;position:absolute;left: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-right-5{margin-right:2px} #start_chat{position:absolute;width:248px;height:2  39px;top:70px;right:0;background-color:#fff;padding:10px;float:right;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;left:55px;top:12px;he  ight:20px;line-height:20px;display:none!important} .hide_chatbox{display:none} #f_enter_3{margin-top:30px}  //«![CDATA[ function check_fist_vist_f(){var _=f_read_cki("check_fist_vist_f");(0==_||""==_)&&(fb_eshow("f-chat-conent"),f_create_cki("check_fist_vist_f","1",1),f_create_cki("f_chat_open","1",1))} function close_chat(){fb_ehide('b-c-facebook'),f_create_cki('close_chat',1,1),$('body'  ).find('.zopim').remove(),fb_eshow('chat_f_b_smal'  ),on_playsound('click')} function open_chat(){f_create_cki('close_chat','0',1),fb_es  how('b-c-facebook'),fb_eshow('f-chat-conent'),fb_ehide('chat_f_b_smal')} function f_bt_start_chat(){f_create_cki('f_bt_start_chat','  1',10),fb_ehide('start_chat'),fb_ehide('fb_alert_n  um'),on_playsound('click')} function f_c_start_chat(){var t=f_read_cki('f_bt_start_chat');0==t||''==t?(fb_es  how('start_chat '),fb_eshow('fb_alert_num'),f_chat_step()):(fb_ehi  de('start_chat'),fb_ehide('fb_alert_num'))} function b_f_chat(){var t=f_read_cki('f_chat_open');0==t||''==t?(fb_eshow(  'f-chat-conent'),f_create_cki('f_chat_open','1',1)):(fb_eh  ide('f-chat-conent'),f_create_cki('f_chat_open','0',1)),on_pla  ysound('click')} function f_ck_chat(){check_fist_vist_f();f_c_start_chat();v  ar t=f_read_cki('close_chat');if(''==t||0==t||'0'==t)  {fb_eshow('b-c-facebook'),fb_ehide('chat_f_b_smal');var e=f_read_cki('f_chat_open');(1==e||'1'==e)&&fb_eshow('f-chat-conent')}else fb_eshow('chat_f_b_smal'),fb_ehide('b-c-facebook')} function f_chat_step(){on_playsound('door_bell') fb_eshow('f_enter_1');fb_eshow('f_enter_3');} function fb_eshow(t){document.getElementById(t).style.displ  ay='block';} function fb_ehide(t){document.getElementById(t).style.displ  ay='none';} function f_create_cki(t,e,n){if(n){var o=new Date;o.setTime(o.getTime()+24*n*60*60*1e3);var c='; expires='+o.toGMTString()}else var c='';document.cookie=t+'='+e+c+'; path=/';} function f_read_cki(t){for(var e=t+'=',n=document.cookie.split(';'),o=0;o=e?f_create_cki('f_chat_open','0',1):f_create_cki(  'f_chat_open','1',1)})}),setTimeout(function(){f_c  k_chat()},1000);var $=jQuery.noConflict();!function(t){if(!t.ionSound)  {var e,n,o,c,_={},f={},a=!1,i=function(e){var c,a;-1!==e.indexOf(':')?(c=e.split(':')[0],a=e.split(':')[1]):c=e,f[c]=new Audio,n=f[c].canPlayType('audio/mp3'),o='probably'===n||'maybe'===n?_.path+c+'.mp3  ':_.path+c+'.ogg',t(f[c]).prop('src',o),f[c].load(),f[c].preload='auto',f[c].volume=a||_.volume},u=function(t){var e,n,o,c;if(-1!==t.indexOf(':')?(n=t.split(':')[0],o=t.split(':')[1]):n=t,e=f[n],'object'==typeof e&&null!==e) if(o&&(e.volume=o),_.multiPlay||a){if(_.multiPlay) if(e.ended)e.play();else{try{e.currentTime=0}catch  (i){} e.play()}}else e.play(),a=!0,c=setInterval(function(){e.ended&&(clearInterval(c),a=!1)},250)},l=function(t){var e=f[t];if('object'==typeof e&&null!==e){e.pause();try{e.currentTime=0}catch(n){}  }},r=function(t){var e=f[t];if('object'==typeof e&&null!==e){try{f[t].src=''}catch(n){} f[t]=null}};t.ionSound=function(n){if(_=t.extend({soun  ds:['water_droplet'],path:'/sounds/',multiPlay:!0,volume:'0.5'},n),e=_.sounds.length,  'function'==typeof Audio||'object'==typeof Audio) for(c=0;e>c;c+=1)i(_.sounds[c]);t.ionSound.play=function(t){u(t)},t.ionSound.sto  p=function(t){l(t)},t.ionSound.kill=function(t){r(  t)}},t.ionSound.destroy=function(){for(c=0;e>c;c+=1)f[_.sounds[c]]=null;e=0,t.ionSound.play=function(){},t.ionSound.  stop=function(){},t.ionSound.kill=function(){}}}}(  jQuery); //]]»<a title="فتح الدردشة" id="chat_f_b_smal" class="chat_f_vt">فتح الدردشة</a> <div id="b-c-facebook" class="chat_f_vt"> <div id="fbchat_box" class="fbchat_box"> <label>إرسال رسالة عبر صفحة فيسبوك</label> <span id="fb_alert_num">1</span> <div id="t_f_chat"><div class='close_chatfb'>_</div></div></div><div id="f-chat-conent" class="f-chat-conent"> <div class="fb-page"> </div><div id="start_chat"> <div id="f_enter_1" class="msg_b hide_chatbox"> مرحبا بك !!! شكرًأ لك على زيارة موقعنا الرجاء فتح الدردشة لإرسال رسالة لمشرف الموقع عبر فيسبوك </div><p id="f_enter_3" class="hide_chatbox" align="center"><a href="javascript<b></b>:;" onclick="f_bt_start_chat()" id="f_bt_start_chat">Start</a> </p></div></div></div><div id="fb-root"></div>(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id))return;js=d.createElement  (s);js.id=id;js.src="//connect.facebook.net/ar_AR/sdk.js#xfbml=1&version=v2.5";fjs.parentNode.insertBefore(js,fjs);}(document,'s  cript','facebook-jssdk'));