-->
العربي ويب العربي ويب
recent

آخر الأخبار

recent
recent
جاري التحميل ...

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

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

أسعد الله أوقاتكم بكل خير أحبابي في الله وأهلا ومرحبا بكم مجددا على مدونتكم العربي ويب
بما أن فيس بوك هو الأكثر شعبية ضمن وسائل الاعلام الاجتماعية التي تربط الشعوب من خلال شبكة الإنترنت في جميع أنحاء العالم، وأيضا فيس بوك مفيد جدا لتنمية الأعمال التجارية وكسب المزيد من حركة المرور لأي مدونة أو موقع.
لهذا سنتطرق في تدوينة اليوم الى شرح كيفية إضافة صندوق رسائل دردشة فيس بوك ماسنجر Facebook Messenger الى مدونتك على بلوجر بطريقة بسيطة (جديد 2018).

إضافة غاية في الروعة وما يميزها أنها تمكن زوار مدونتك من التواصل معك وإرسال رسائل مباشرة الى صفحتك على فيس بوك دون زيارة موقع فيس بوك والأجمل في الإضافة وجود زر الاعجاب الذي سيسهل على زوار مدونتك التفاعل والإعجاب بصفحتك ...
فعلا إضافة رائعة أتمنى أن تنال إعجابكم

لن أطيل عليكم وأترككم مع الشرح (:

لمشاهدة عرض توضيحي للإضافة


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

تابع معي ...

أولا - توجه الى لوحة تحكم مدونتك  من هنا 
2 - التخطيط >> إضافة أداة Html >>
3 - أضف الكود التالي في الأداة html
<style>.fb-livechat,.fb-widget{display:none}.ctrlq.fb-button,.ctrlq.fb-close{position:fixed;right:24px;cursor:pointer}.ctrlq.fb-button{z-index:1;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGhlaWdodD0iMTI4cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB3aWR0aD0iMTI4cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxyZWN0IGZpbGw9IiMwMDg0RkYiIGhlaWdodD0iMTI4IiB3aWR0aD0iMTI4Ii8+PC9nPjxwYXRoIGQ9Ik02NCwxNy41MzFjLTI1LjQwNSwwLTQ2LDE5LjI1OS00Niw0My4wMTVjMCwxMy41MTUsNi42NjUsMjUuNTc0LDE3LjA4OSwzMy40NnYxNi40NjIgIGwxNS42OTgtOC43MDdjNC4xODYsMS4xNzEsOC42MjEsMS44LDEzLjIxMywxLjhjMjUuNDA1LDAsNDYtMTkuMjU4LDQ2LTQzLjAxNUMxMTAsMzYuNzksODkuNDA1LDE3LjUzMSw2NCwxNy41MzF6IE02OC44NDUsNzUuMjE0ICBMNTYuOTQ3LDYyLjg1NUwzNC4wMzUsNzUuNTI0bDI1LjEyLTI2LjY1N2wxMS44OTgsMTIuMzU5bDIyLjkxLTEyLjY3TDY4Ljg0NSw3NS4yMTR6IiBmaWxsPSIjRkZGRkZGIiBpZD0iQnViYmxlX1NoYXBlIi8+PC9zdmc+) center no-repeat #0084ff;width:60px;height:60px;text-align:center;bottom:24px;border:0;outline:0;border-radius:60px;-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;box-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease;background-size:80%;transition:all .2s ease-in-out}.ctrlq.fb-button:focus,.ctrlq.fb-button:hover{transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,.09),0 4px 40px rgba(0,0,0,.24)}.fb-widget{background:#fff;z-index:2;position:fixed;width:360px;height:435px;overflow:hidden;opacity:0;bottom:0;right:24px;border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;box-shadow:0 5px 40px rgba(0,0,0,.16);-webkit-box-shadow:0 5px 40px rgba(0,0,0,.16);-moz-box-shadow:0 5px 40px rgba(0,0,0,.16);-o-box-shadow:0 5px 40px rgba(0,0,0,.16)}.fb-credit{text-align:center;margin-top:8px}.fb-credit a{transition:none;color:#bec2c9;font-family:Helvetica,Arial,sans-serif;font-size:12px;text-decoration:none;border:0;font-weight:400}.ctrlq.fb-overlay{z-index:0;position:fixed;height:100vh;width:100vw;-webkit-transition:opacity .4s,visibility .4s;transition:opacity .4s,visibility .4s;top:0;left:0;background:rgba(0,0,0,.05);display:none}.ctrlq.fb-close{z-index:4;padding:0 6px;background:#365899;font-weight:700;font-size:11px;color:#fff;margin:8px;border-radius:3px}.ctrlq.fb-close::after{content:'x';font-family:sans-serif}</style>
<div class="fb-livechat">
  <div class="ctrlq fb-overlay"></div>
  <div class="fb-widget">
    <div class="ctrlq fb-close"></div>
    <div class="fb-page" data-href="https://www.facebook.com/mahwouss2/" data-tabs="messages" data-width="360" data-height="400" data-small-header="true" data-hide-cover="true" data-show-facepile="false">
      <blockquote cite="https://www.facebook.com/mahwouss2" class="fb-xfbml-parse-ignore"> </blockquote>
    </div>
    <div class="fb-credit">
      <a href="goo.gl/pHMFzH" target="_blank">Facebook Chat Widget by el 3araby web</a>
    </div>
    <div id="fb-root"></div>
  </div>
  <a href="https://m.me/digital.inspiration" title="Send us a message on Facebook" class="ctrlq fb-button"></a>
</div>
<script src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.9"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>$(document).ready(function(){var t={delay:125,overlay:$(".fb-overlay"),widget:$(".fb-widget"),button:$(".fb-button")};setTimeout(function(){$("div.fb-livechat").fadeIn()},8*t.delay),$(".ctrlq").on("click",function(e){e.preventDefault(),t.overlay.is(":visible")?(t.overlay.fadeOut(t.delay),t.widget.stop().animate({bottom:0,opacity:0},2*t.delay,function(){$(this).hide("slow"),t.button.show()})):t.button.fadeOut("medium",function(){t.widget.stop().show().animate({bottom:"30px",opacity:1},2*t.delay),t.overlay.fadeIn(t.delay)})})});</script>
4 - إستبدل معرف صفحتي هذا mahwouss2 بمعرف صفحتك
وأخيرا إضغط على حفظ وتوجه لمدونتك لمشاهدة النتيجة

إذا واجتك مشكلة في نسخ الكود يمكنك تحميله بالضغط على الرابط التالي

للتحميل

تم بحمد الله ...

أي أسئلة أو إستفسار حول الموضوع لا تتردد في طرحها
باب التعليقات مفتوح للجميع

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

إدعمنا لكي نستمر في تقديم المزيد

كاتب الموضوع

محمد العربي

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

  • اضافة تعليق
  • أرجوك اخي ساعدني أضفت صندوق رسائل الفيسبوك كما ذكرت ، ولكنه يطلب تسجيل الدخول للفيسبوك ، وعند تسجيل الدخول يرفض تماماً ولا يستجيب في كتابة الرسائل ومرات يكتب رسالة ولا تراها لكنها تصل صندوق كتابة الرسالة لا يستجيب

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

    سلام عليكم
    طبقت كل ما جاء في الفيديو وهذه الصفحة كاملا ولكن لم تظهر صفحتي بالرغم من استبدال mahwouss2 بصفحتي وهي
    https://web.facebook.com/esaalemjareb
    وبقي يظهر ايقونة المسنجر عاليمين باسم مستر نت فهل هذا له علاقة بأن مدونتي مجانية blogspot
    واضا في صفحة الفيس لم تظهر عندي الادفانسد سيتينجز لاتأكد من ان الرسائل تصلني من اي شخص فهل له علاقة بالاشارة الزرقاء في الفيس
    علما بأنني بدأت اتعلم المدونات حديثا لذا لم اشتري مع اي دومين مدفوع لغاية الان
    شكرا

    أزال أحد مشرفي المدونة هذا التعليق.


    الأبتساماتأخفاء الأبتسامات



    ஜ العربي ويب ஜ | ஜ شعارنا إثراء المحتوى العربي ஜ

    إضغط على | إنضم لموقعنا + متابعتنا عبر مواقع التواصل | وكن أول من يتوصل بجديدنا

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

    إتصل بنا

    اخر تعليقات بلوجر

    تغريداتي علي التويتر

    زوار المدونة

    Statistics

    احصاءات المدونة

    جميع الحقوق محفوظة لـ

    العربي ويب

    2017

    –>