Post Top Ad

Your Ad Spot

الأربعاء، 6 فبراير 2013

شرح تغير شكل صندوق تعليقات بلوجر الى شكل جديد ومتغير الالوان والصور

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

 فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالبالأن اضغط على تحرير
  HTML




الان اضغط على CTRL + F من الكيبورد لظهور عملية البحث عن الأكود بالمتصفح
ابحث عن هذا الكود :
 ]]></b:skin>

ضع قبلة مباشرة هذا الكود :
 #comment-form iframe{
background:#808080 url() no-repeat bottom right;
border:7px solid #eeeeee;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#000000;
width:95%;
height:60px;
}
#comment-form iframe:hover{
background:#C60B11 url() no-repeat bottom right;
border:7px solid #bababa;
}
#comment-form a{
color:#ffffff;
}
شرح متغيرات الكود ليتناسب مع شكل استايل المدونة :
 1- لجعل الصندوق باللون الأول قبل وضع موشر الماوس غير الكود المشار باللون الأحمر
2- لجعل الصندوق يتغير الى لون اخر عند وضع مؤشر الماوس غير الكود المشار باللون الاصفر
3- لوضع صورة قم بوضعها ما بين الاقوس المشار اليها باللون الاخصر وكما زكرنا الاول الاخضر صورة رئيسية والاخضر الثانى صورة اخرى عندما تضع مؤشر الماوس ليتغير
=============
مثال لذلك صورة موضحة للون الرئيسى قبل وضع موشر الماوس على الصندوق جعلتة مثلا لون رمادى :


وهذه الصورة الاخرى تم تغير الون الى لون احمر مثلا عندما اضع مؤشر الماوس على الصندوق



انتهى الشرح وارجو ان تكون هذه الخاصية او الاضافة اعجبتكم (( لا خير فى كاتم العلم ))

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

  1. جميل
    شكرا اخي على الموضوع
    جاري العمل على هده المدونة
    .
    http://informatique--top.blogspot.com/

    ردحذف
    الردود
    1. العفو يا اخى الكريم وشكرا لك على المشاركة

      حذف
  2. شكرااااااااااااااااااااااااااااااااااااااااااااااااااااااا

    ردحذف
  3. أخي الكريم قمت بتركيب صندوق تعليقات Disqus ثم قررت العودة إلى صندوق بلوجر ..

    المشكلة التي أعاني منها بشدة أن التعليقات لم تعد تظهر عندي بتاتا ..

    هل أستطيع حل تلك المشكلة ..

    و شكرا لك

    ردحذف
  4. اهلا بكى وان شاء الله سيتم حل المشكلة :
    اولا : هل صندوق تعليقات بلوجر كان متواجد بالفعل قبل اضافة صندوق تعليقات Disqus

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

    http://www.kingnt.com/2014/02/blogger-comments-problems.html

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

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

    ردحذف
    الردود
    1. شكرا لتعاونك أخي الكريم

      نعم كان الصندوق متوفر من قبل ..

      قمت بتغيير القالب ثلاث مرات قبل قليل و لم تحل المشكلة ..

      بحثت عن هذا الكود

      و لم أجده

      أيضا قمت بالبحث عن كل ما يتعلق بـ Disqus فلم أجد شيئا

      حذف
  5. اخت عبير هل هذه مدونتك : http://abeerallaw.blogspot.com/

    اذا كانت هذه مدونتك فاصندوق التعليقات يظهر بدون اى مشاكل

    ردحذف
  6. نعم تلك مدونتي الصندوق يظهر لكن التعليقات لا تظهر....

    هذا م أعاني منه

    ردحذف
  7. اخت عبير الان تم التوضيح اكثر وفهمت بماذا تقصدى ؟

    مشكلتك اتوقعها بأن حضرتك قمتى بربط مدونتك بجوجل بلس اتوقع ذلك لحل هذه المشكلة تم وضع درس بسيط لحل هذه المشكلة وهو حل مشكلة عدم ظهور تعليقات بلوجر problem comment blogger ارجو ان تشاهدى هذا الدرس البسيط وان شاء الله يكون الحل الامثل لمشكلتك الغير متوقعة :

    http://www.kingnt.com/2014/02/problem-comment-blogger.html

    ردحذف
    الردود
    1. شكرا لك أخي الكريم


      جزيت الفردوس

      و أخيرا ظهر صندوق التعليقات :)

      جعله الله في ميزان حسناتك

      حذف
  8. tanhx
    http://ati9nia.blogspot.com/

    ردحذف
  9. تسلم اخي الكريم شرح رائع

    http://t-ksas.blogspot.com/

    ردحذف
  10. تسلم اخي الكريم شرح رائع

    http://t-ksas.blogspot.com/

    ردحذف
  11. ما أجمل الجو هنا

    http://amanthouris.blogspot.com/

    ردحذف
  12. تبادل اعلانى مع جميع المدونات
    http://hayegy.blogspot.com/p/blog-page_970.html

    ردحذف
  13. شكرا قيد التجدربة
    http://kitabilakom.blogspot.com/

    ردحذف
  14. شكرا قيد التجدربة
    http://kitabilakom.blogspot.com/

    ردحذف

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

Post Top Ad