مساحة إعلانية

الثلاثاء، 16 أبريل، 2013

الثلاثاء، 16 أبريل، 2013

شرح كامل للتعليقات التفاعلية في بلوجر

Blogger Threaded Comments
قامت جوجل منذ فترة طويلة بتحديث نظام تعليقات بلوجر بعمل نظام تفاعلي يضيف خواص جديدة ويجعل التعليقات بتنسيق افضل هناك من فضل البقاء على النظام القديم وهناك من عدل الى النظام الجديد بالكامل وهناك من عدل ولم ينسقه بشكل مضبوط لذا هذا الموضوع موجه لكل المدونون بشكل عام حتى من قام بالفعل بتركيب النظام الجديد ففي هذا الموضوع سنتطرق لبعض الأشياء قد تكون ذات فائدة وبالتالي تضيف شئ جديد لمن قام بتعديل مدونته بالفعل أولا قبل أن أن تقرر تركيب النظام قم بقراءة هذا الموضوع أولا إن لم تكن قرأته من قبل فهو سيساعدك في تقرير هل هذا هو النظام الأنسب لمدونتك أم لا
سينقسم هذا الموضوع لأربع مراحل وهم مرحلة الإعداد مرحلة التركيب مرحلة التنسيق مرحلة الضبط والصورة التالية سترافقنا في كل المراحل وسنتطرق لكل جزء فيها وسنبدأ مع

مرحلة الإعداد


blogger comments settings
قم بالدخول الى إعدادات مدونتك ثم إختار مشاركات وتعليقات

أول جزء وهو موقع التعليقات : سنجعله مضمن 

ثاني جزء وهو الخاص بمن يمكنه التعليق هذا يرجع لراحتك في التعامل ومحتوى مدونتك 

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

ثالث جزء وهو الخاص بالإشراف على التعليقات 

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

رابع جزء يهمنا في إعداد التعليقات هو رسالة التعليقات 

هذا الجزء يمكنك ان تكتب به رسالة تظهر مع صندوق التعليقات يمكن ان تنبه عن أمر أو تكتب شئ يحفز الزائر على التعليق ويمكنك أن تضيف بها روابط بالشكل التالي
<a href="الرابط">الكلمة التي ترغب بظهورها</a>

ننتقل لمرحلة التركيب 

سنقوم بتركيب التعليقات المترابطة التفاعلية بالشكل التالي 
أدخل الى تحرير قالبك وإبحث عن هذا الكود <b:include data='post' name='comments'/>
وإستبدله بالكود التالي 

<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/></b:if>

ملاحظة : ستجد الكود متكرر أكثر من مرة قم بتعديلها كلها 

مرحلة التنسيق 

بإنتهاء التركيب ستصبح التعليقات التفاعلية تعمل في قالبك لكن ستكون بمظهر بسيط جداً إن كان يعجبك فلا تقوم بعمل تعديل أما إن لم يكن يعجبك فيمكنك تنسيقه وإخترت لكم نموذج خفيف وبسيط ويمكن ان تنسقه بما يتناسب مع مدونتك بسهولة 
ابحث عن هذا الكود ]]></b:skin>
وأضف فوقه الكود التالي
.comments{clear:both;margin-top:10px;margin-bottom:0;font-family:Arial;line-height:18px;font-size:13px}
.comments .comments-content{margin-bottom:16px;font-weight:normal;text-align:right}
.comments .comment .comment-actions a,.comments .comment .continue a{display:inline-block;margin:0 5px 10px 5px;padding:0 15px;color:#424242 !important;text-align:center;text-decoration:none;background:#E0DFDF;border:1px solid #A3A1A1;border-radius:2px;height:26px;line-height:28px;font-weight:normal;cursor:pointer}
.comments .comments-content .comment-thread ol{list-style-type:none;padding:0;text-align:none}
.comments .comments-content .inline-thread{padding:0}
.comments .comments-content .comment-thread{margin:8px 0}
.comments .comments-content .comment-thread:empty{display:none}
.comment-replies{margin-top:1em;margin-right:40px;background:#fff}
.comments .comments-content .comment{margin-bottom:0;padding-bottom:0}
.comments .comments-content .comment:first-child{padding-top:16px}
.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0}
.comments .comments-content .comment-body{position:relative}
.comments .comments-content .user{font-style:normal;font-weight:normal}
.comments .comments-content .user a{color:#0E6284;font-weight:normal;text-decoration:none}
.comments .comments-content .icon.blog-author{width:18px;height:18px;display:inline-block;margin:0 0 -4px 6px}
.comments .comments-content .datetime a{color:#0E6284;font-size:12px;float:left;text-decoration:none}
.comment-content{margin:0 0 8px;padding:0 5px}
.comment-header{font-size:18px;background-color:#f1f1f1;border-bottom:1px solid #e3e3e3;padding:5px}
.comments .comments-content .owner-actions{position:absolute;left:0;top:0}
.comments .comments-replybox{border:none;height:230px;width:100%}
.comments .comment-replybox-thread{margin-top:0}
.comments .comment-replybox-single{margin-top:5px;margin-right:48px}
.comments .comments-content .loadmore a{display:block;padding:10px 16px;text-align:center}
.comments .thread-toggle{cursor:pointer;display:inline-block}
.comments .comments-content .loadmore{cursor:pointer;max-height:3em;margin-top:0}
.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}
.comments .thread-chrome.thread-collapsed{display:none}
.comments .thread-toggle{display:inline-block}
.comments .thread-toggle .thread-arrow{display:inline-block;height:6px;width:7px;overflow:visible;margin:0.3em;padding-left:4px}
.comments .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent}
.comments .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent}
.avatar-image-container{background:url(https://lh5.googleusercontent.com/-1FOOK-wkThg/U4rEEaJBlLI/AAAAAAAAEMA/vAhBcNCkp_4/s51/arrow.png) top left no-repeat;float:right;vertical-align:middle;overflow:hidden;width:65px !important;height:51px !important;max-width:65px !important;max-height:51px !important}
.comments .avatar-image-container img{padding:2px;border:1px solid #ccc;width:45px !important;height:45px !important;max-width:45px !important;max-height:45px !important}
.comments .comment-block{margin-right:65px;position:relative;border:5px solid #e3e3e3;border-radius:8px}
هذا النموذج هو نفس الشكل الموجود في صورة الموضوع ولقد إستخدمته في عدة قوالب لانه ممتاز بحق وهذه نماذج للمعاينة


تنسيق النموذج 

هذا اللون  #f1f1f1 هو لون رأس التعليق الذي يظهر به الإسم والتاريخ
هذا اللون  #e3e3e3 هو لون الإطار الخارجي وهو متكرر مرتين قم بتغيره فيهما
هذا اللون #E0DFDF هو لون أزرار الرد والحذف
وهذا لون #A3A1A1  الإطار الخارجي للأزرار
وهذا اللون #0E6284 هو لون إسم الكاتب والتاريخ وهو متكرر مرتين
فقط عدل الألون وسيصبح النموذج متوافق مع مدونتك تماماً أكواد الألوان

مرحلة الضبط 

مرحلة الضبط ستأخذنا الى نقطتين

النقطة الأولى عدم ظهور نموذج التعليق او صورة المعلق بشكل مضبوط 

والسببب يرجع الى أن بعض القوالب تكون بها أكواد لتنسيق التعليقات القديمة وتؤثر على التموذج الجديد فما الحل ؟
الحل أن نبحث عن الاكواد القديمة ونحذفها وستكون الأكواد تحمل نفس المعرف .comments
وسنجد كل كود منها يبدأ بقوس فتح { وينتهي بقوس إغلاق } لذا يجب تحديد الأكواد جيدا وطبعا لا تنسى نسختك الإحتياطية لتجنب أى مشكلة ملاحظة قد نجد كود ولكنه يبدأ بهذا الرمز #comments هذا لا نحذفه نبقي على هذا بالكامل من أول قوس الفتح الى قوس الإغلاق اما باقي  الاكواد نحذفها وهذا كله في حالة ظهور مشكلة في شكل التعليقات

النقطة الثانية رسالة التعليقات 

ذكرنا طريقة كتابة رسالة التعليقات في البداية لكن التعليقات المترابطة تقوم بعمل التالي بعد كتابة اول تعليق يتم إنزال رسالة التعليقات تحت صندوق التعليق وليس فوقه واظن أن بلوجر ترى أن الرسالة لم تعد بنفس القيمة طالما تم كتابة تعليق
هناك من قد يتفق مع هذا وهناك من لا يعجه ذلك ويريد إبقاء الرسالة فوق صندوق التعليقات ويمكنه عمل ذلك عبر الشرح التالي
نبحث عن هذا الكود <b:includable id='threaded-comment-form' var='post'>

بعده بسطور سنجد هذا الكود  <b:else/> نضيف بجواره الكود التالي

<div id='threaded-comment-form'>

ثم بعده بسطور قليلة اخرى نجد الوسم </b:if>
نضيف قبله </div>
وهذه صورة للتوضيح


قد تجد الكودين مضافين بالفعل وحينها نتجاوز هذا الجزء
ثم نبحث عن هذا الكود 

document.getElementById(domId).insertBefore(replybox, null);
ونستبدله بهذا

document.getElementById (domId). insertBefore (document.getElementById ('threaded-comment-form'), null);

ربما يكون الموضوع طويل بعض الشئ لكن فضلت ذكر كل ما يهمنا حول تعليقات بلوجر بحيث نستفيد منها جيدا 
موفقين بإذن الله 

هناك 35 تعليقًا:

  1. الف شكر موضوع متميز


    عايزين بقى تجبلنا موضوع ازاى نعمل نظام التعليقات بتاعتك الى فى ركن الاسئله لغايه لم حطه فى صفحه مستقله

    وشكرا

    ردحذف
    الردود
    1. حياك الله أخي احمد
      والله هذا الموضوع في بالي لكن الامر وما فيه انني أحتاج لتنويع المواضيع
      أنا ذكرت في موضوع التعليقات السابق أنني سأضيف نظام تعليقات disqus وسأضيف شرح تلك الجزئية بإذن الله لكن الأمر كله مسألة وقت وأولوية أولوية بالنسبة للاهمية فتعليقات بلوجر بشكل عام أهم لبلوجر من disqus لذا أتى موضوعها أولا أيضا أقدمية لانه هناك طلبات كثيرة لإخوه فضلاء مثلك أحاول تلبيتها وأختار الأقدم فالأحدث لذا هي فقط مسالة وقت ولكن سأضيفه في النهاية وأنا أحاول قدر الإمكان تكثيف المجهود في طرح المواضيع لكن كل موضوع يأخذ يوم على الأقل حتى يعد بشكل جيد نسالكم الدعاء ولا تقلق اخي الكريم لن أنسى ذلك الأمر تحياتي لك

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

    ردحذف
    الردود
    1. وعليكم السلام ورحمة الله وبركاته
      أعزك الله أخي بدر
      قد تكون المشكلة فقط في نسخ الكود ربما تكون أسقط النقطة التي في البداية أو قوس في النهاية وهذا يسبب تلف الكود باكمله
      لذا حاول نسخ الكود مرة أخرى للتأكد من عمله لاني لا أظن أن الموضوع عدم توافق وخصوصا مع قالبك فذلك القالب كنت قد إستخدمت عليه هذا النظام من قبل وكان يعمل جيداً
      لكن ملاحظة أخرى لعلها تفيد احيانا يكون هناك عدم توافق في ترتيب الأكواد لذا جرب بدلا من إضافة الكود مباشرة فوق b:skin
      حاول تجاوز بعض الأكواد ثم أضف الكود فكما تعلم كل أكواد الستايل تضاف فوق b:skin وأحيانا قد يكون ترتيب الأكواد به خلل فحاول تجاوز مجموعة أكواد ثم أضف كود التعليقات وبإذن الله يعمل جيداً

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

    ردحذف
    الردود
    1. وعليكم السلام ورحمة الله وبركاته
      اللهم آمين وإياك أخي الحبيب
      وطلبك من عيوني أخي الكريم بإذن الله أيام قليلة وسأعد موضوع به اكثر من إضافة للقرآن الكريم
      بحيث تختار ما يتناسب مع مدونتك تمام
      تحياتي لك

      حذف
  4. بارك الله فيك ربي يخليك حبيبي عمرو

    ردحذف
  5. جزاك الله خيراً , تم التطبيق بنجاح .

    ردحذف
    الردود
    1. وجزاك الله بالمثل أخي أحمد وموفق في القادم بإذن الله
      تحياتي

      حذف
    2. لوسمحت عندي مشكلة الرد مو شغال اضغط عليه بس بدون فايده

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

      حذف
  6. السلام عليكم ورحمة الله تعالى وبركاته،،
    في البداية اود ان اشكرك على الشرح الجميل والمهم،
    لكن تواجهني مشكلة في قالب مدونتي : وهي أن مكان التعليقات لا تظهر ويكتب لي : التعليقات مغلقة
    لا اعلم لماذا مع العلم ان قالب مدونتى هو قالب المصنع: http://almsn3.com/2010/05/neoo-first-blogger-template.html
    وهذه رابط مدونتي:
    احترف التقنية

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

    ردحذف
    الردود
    1. تم حل المشكل بنجاح، كانت المشكلة في اعدادات التدوينة، نسيت ان التعليقات فيها غير مفعلة ، شكراااااااااااااااااا

      حذف
  8. جزاك الله خيراً على هذا المجهود الرائع
    تم التطبيق بنجاح ولكن هناك مشكلة بسيطة وهي أن زر الحذف لا يظهر بجوار زر الرد. شكراً

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

      حذف
  9. بارك الله فيك علئ ما كتب من شروحات تفيد المدون العربي ..
    استفدت منك تحياتي لك ..

    بالمناسبه مدونتك جميلة جداا وسهله التصفح والتحميل وهذا ما يهتم به الزائر بوجهه الخصوص
    انا كمثال عجبتني مدونه لسهولته و محتواها اللي اكثر من راائع والحصري رغم انها باللغه الانجليزيه وفجاه قام صاحب المدونه بتغير القالب واصبحت صعب الدخول بكثره فتركتها زي ما ذكرت بمحتواها الحصري ..

    ليس هذا ما احب اطرح لك فقط اردت ذكره ..

    موضوعي هو
    انا كمدون عربي واستخدم الجوال للتدون كان اندرويد او ايفون وواجهت صعوبه في التدوين وادراج روابط واكاد ان اعتزال من التدوين بسبب صعوبته ..

    ما هو الحل في رايك يساعدني في التدوين من الجوال?

    برغم اني حاليا لم اياس بهذا الخصوص وبحثت كثيرا ولقيت حلول وافادتني واحب ان تطرح هالماده بخصوص التدوين في بروجر باستخدام الهاتف ...

    وفي الكثير من التطبيقات التي تساعدك في التدوين ومنها تطبيق الرسمس لبروجر ومتوفر للايفون والاندرويد
    اسم التطبيق : Blogger ..


    ارجو ان تطرح موضوع يستفيد منه المدون العربي بالتدوين باستخدام الجوال لاشك اننا بنستفيد منك كثير وطرح حلول ...

    شكرا لك ع كل ماقدمت
    App4androidd.blogspot.com

    ردحذف
  10. نسيت ان اعلمك اننا استفدت من شرح الذي بوضعته بمدونتك بخصوص التعليقات disqus

    ادعوك لزياره مدونتي وما تنصحني به وشكرا لك ^_^

    ردحذف
    الردود
    1. أشكرك أخي الفاضل على هذا المرور الكريم
      وأول نصيحة لمدونتك هي استخدام قالب يبرز جمالها انصحك بواحد من هاذين الإثنين
      http://cnmu.blogspot.com/2013/11/Android-App-Blogger-Template.html

      http://cnmu.blogspot.com/2013/02/Android-Phone-Template.html
      وواصل في طريقك في التدوين واحرص على بذل ما تستطيع لجعل الموضوعات جيدة
      وستحصد النجاح بإذن الله
      وبالتوفيق

      حذف
  11. أخي الكريم عندي مشكلة في تنسيق التعليقات وهي أني كلما اضفت احد النماذج لا يظهر هل من حل ارجوك
    للمعاينة
    http://ndb2.blogspot.com/

    ردحذف
    الردود
    1. اخي الفاضل لا يظهر أبداً انه لديك تنسيق للتعليقات فإما انك تضيفه بطريقة خاطئه أو ان القالب به مشكلة
      تأكد من اضافة الاكواد فوق الوسم ]]></b:skin>
      ان لم يحدث تعديل غالباً سيكون هناك جزء في القالب غير مضبوط وهو سبب المشكلة

      حذف
  12. والله أخي أضفته فوق الوسم الذي ذكرت ولكن لم يتغير شيئ ارجوك ساعدني =x

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

      حذف
  13. والله أخي انت تعرف اني مبتدا في عالم التدوين ارجوك ساعدني سوف ارسل لك القالب علي ايميلك اخي ارجوك با الله عليك

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

      حذف
  14. السلام عليكم , ممكن طريقة تمييز تعليقات الكاتب مع اضافة صورة توضح الكاتب ؟
    طلب اخر , عندى الابتسامات لا تظهر فى الصفحات الثابتة , ممكن طريقة لظهورها فى الصفحات الثابتة ! وشكرا

    ردحذف
    الردود
    1. وعليكم السلام أخي مجدي تمييز تعليقات الكاتب في هذا النموذج جرب اضافة الكود التالي بعد كود القالب الذي يضاف فوق الوسم ]]></b:skin>
      .icon.blog-author {
      background: url("https://lh4.googleusercontent.com/-TN5iOfcDvH8/UyQAubd-9QI/AAAAAAAADkw/qhG2rwrsy58/s50/author.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
      width: 55px !important;
      }
      الإبتسامات هذا يتعلق بالإبتسامات التي تستخدمها في قالبك ونوعها وطريقة برمجتها داخل القالب للاسف لا أستطيع افادتك في الامر
      جرب تستخدم نسختنا من الإبتسامات
      http://cnmu.blogspot.com/2014/05/cnmu-smiles.html

      حذف
  15. شكرا جزيلا ... بجد مبدع اخي عمرو ... واصل ابداعككككككككك

    ردحذف
  16. السلام عليكم . رجاء أريد حلا لمشكلة ظهور تعليقات +google متداخلة مع الفوتر footer، عند قراءة المواضيع ،

    ردحذف
    الردود
    1. وعليكم السلام ورحمة الله وبركاته
      هذه تكون مشكلة في تنسيق القالب تحتاج تعديل القالب نفسه
      وهذه خدمة دعم فني وانا لا اقدم هذا النوع من الخدمات عبر المدونة اخي الكريم

      حذف
  17. شكرا ع المجهود العظيم =r

    ردحذف
  18. السلام عليكم اخي العزيز ...انا مركب تنسيق التعليقات بألوان جميلة ..لكن هل هناك طريقة لتغيير لون صندق بلوجر الافتراضي تغيير لون الكتابة اللي تحت الصندوق (التعليق بأسم...) وتغيير ايضا العبارة التي داخل الصندوق(اكتب تعليق) بعبارة اخرى ...ارجوا مساعدتي

    ردحذف

نسعد ونتشرف بتعليقاتكم
لكن هناك شروط يجب اتباعها لضمان نشر التعليقات
1ان يكون التعليق يخص محتوى الموضوع
2ان لا يحتوي التعليق اى روابط دون داعي
3إن أردت إضافة كود حوله اولا بمحول الأكواد
4أن لا يحتوي التعليق اي الفاظ او اساءات لاى احد
5أى سؤال بعيد عن محتوى الموضوع يرجى استخدام ركن الأسئلة

جميع الحقوق محفوظة لــ كن مدون 2013-2015 ©