نموذج إتصال صوتي لمدونات بلوجر ووردبريس وجوملة برعاية مشروع Usertalk

عدد مشاهدات الموضوع:

مرحبا بكم متابعى مدونة أبو إياد الكرام. بداية أشكر كل من قام بتجربة نموذج الإتصال الصوتي للمدونة من مصر والمغرب والجزائر وفلسطين والعراق وتركيا ولا أخفى عليكم جاءنا إتصال من مدينة Ramsgate بلندن :D. أجدد شكرى لكم وسأضع بين أيديكم طريقة تثبيت الإضافة على مدوناتكم. نموذج الإتصال يمكنه العمل على مواقع أو مدونات بلوجر, ووردبريس, وجوملة وأيضا يمكن تثبيته داخل تطبيقك على أندرويد. سنركز على بلوجر فى الشرح إن شاء الله. لمن لم يقرأ عن المشروع الذي يدعم الإضافة سيجد الموضوع المفصل بعنوان (ماذا تعرف عن مشروع Usertalk للإتصال الصوتي؟)

والأن دعونا ننفرد قليلا بالإضافة وكيفية تركيبها على بلوجر.

تنبية قبل البدء 

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

أولا  الدخول الى موقع المشروع من هنا Usertalk وعمل حساب على الموقع بملء مكان الاسم والبريد وكلمة المرور - فى دقيقة واحدة ستمتلك حساب على الموقع ساري لمدة 60 يوما مجانا وهى تجربة رائعة أتمنى لا تفوتك وخاصة بالمدونة والشكر موصول لمؤسسي المشروع- 

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

<script>

  (function(i,s,o,g,r,a,m){i['UsertalkObject']=r;i[r]=i[r]||function(){

  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)

  })(window,document,'script','https://www.getusertalk.com/usertalk.js','_ut');

  _ut('app_key', '7657611c03cea6cb085f6e934e5aa0d8');

  _ut('locale', 'en');

</script>

 تذكروا الكود السابق سنحتاجه لاحقا :)

أولا  الدخول الى بلوجر ثم القالب ثم تحرير HTML ولا تنسي دائما أخذ نسخة إحتياطية من القالب :)

ثانيا  البحث عن الوسم التالى (Ctrl+F)

]]></b:skin>

وقم بوضع كود الـ CSS التالى فوقه

/* User talk
----------------------------------------------- */
#abuiyadblog {
border: 0 none;
cursor: pointer;
height: 154px;
left: 0px;
position: fixed;
top: 35%;
width: 120px;
z-index: 1; 

 ثالثا  البحث عن الوسم التالى (Ctrl+F)

</body> 

 وقم بوضع الكود التالى فوقه

<!-- start Usertalk www.abu-iyad.com-->
<script>
  (function(i,s,o,g,r,a,m){i['UsertalkObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.getusertalk.com/usertalk.js','_ut');
  _ut('app_key', '7657611c03cea6cb085f6e934e5aa0d8');
  _ut('locale', 'en');
</script>
<div id='abuiyadblog'>
<button onclick='javascript:usertalk.call();'><img border='0' src='https://www.getusertalk.com/buttons/ut-call-btn-ar.png'/></button>
</div>
<!-- end Usertalk www.abu-iyad.com-->

تنبيه:

لا تنسي تغيير الكود المحدد بالكود الخاص بك الذي سبق وقلنا أننا سنحتاجه حتما فى فقرة ما بعد التسجيل ولسهولة الوصول اليه يكون من خلال حسابك عبر التوجه الى Docs.
  يمكنك تغيير الصورة التى ستظهر على جانب مدونتك بأى صورة تحب عن طريق تغيير الرابط المحدد بالكود السابق.
  يمكنك تغيير en الى ar لجعل واجهة الاتصال باللغة العربية وأى مشكلة قد تواجهك ستجد فى موقع تاسكتى شرح مُصور لها.
  يمكنك وضع رسالة خاصة بك للرد على المكالمات فى حين عدم تواجدك من إعدادت حسابك على Usertalk

روابط تهمك:
  التسجيل فى موقع مشروع User talk
  ماذا تعرف عن مشروع Usertalk للإتصال الصوتي؟
  حقوق تصميم الصورة الموجودة بالكود لموقع taskty.com