قائمة المدونات الإلكترونية
11:19 ص |
تعديل الرسالة
تعديل الرسالة
سنتعلم في هذا الدرس كيف نضيف كود تخصيص صندوق التعليقات واظهاره بشكل اجمل واكثر اناقة من الشكل المعتاد والمعروف في مدونات بلوجر (blogspot) ، هذه الاضافة ستجعل زوار مدونتك اكثر شهية لاضافة التعليقات ، طبعا لا يخفى على احد بأن صندوق التعليقات في منصة (wordpress) يتفوق على نظيره في بلوجر ، ولكن هذه الاضافة ستجعل مدونات بلوجر اكثر احترافية واناقة ، شاهد بعض الصور لنماذج من صندوق التعليقات المخصص :
هل اعجبتك اشكال صندوق التعليقات ، تابع بقية التدوينة لمعرفة طريقة التخصيص
طريقة تركيب اضافة تخصيص صندوق التعليقات
- من لوحة التحكم اضغط على التخطيط – تحرير html – اضغط على تنزيل قالب – وبعد اكتمال التنزيل اضغط على توسيع فوالب عناصرواجهة المستخدم ..
- ثم ابحث عن :
<div class='comment-form'>
: واستبدلها بـ
<div id='mbt-form'>
3. ابحث عن :
]]></b:skin>
واضف قبلها(فوقها) مباشرة هذا الكود :
#mbt-form iframe{
background:#ffffff url(http://farm5.static.flickr.com/4020/4647821870_28f1634a7d_t.jpg) no-repeat bottom right;
border:7px solid #ABABAB;
padding:5px;
font:normal 13pt "tahoma;
color:#ABABAB;
width:450px;
}
#mbt-form iframe:hover{
background:#ffffff url(http://farm4.static.flickr.com/3340/4647190659_cd0b1c00f2_t.jpg) no-repeat bottom right;
border:7px solid #3b5897;
}
#mbt-form a{
color:#3b5897;
احفظ القالب ومبروك عليك الاضافة
___________________________________________________________________
- تخصيص الاضافة -
الان سنتطرق الى طريقة تخصيص هذا الكود ليتناسب مع الوان مدونتك وشكلها نتوكل على الله ونبدأ :
هذه الاجزاء التي يتكون منها الكود
#mbt-form iframe#mbt-form iframe:hover#mbt-form a
1. شكل صندوق التعليق في الوضع العادي .
#mbt-form iframe
هذا الجزء من الكود يحدد طريقة ظهور صندوق التعليق في الوضع العادي او قبل مرور الفارة عليه :
background : لتغيير لون الخلفية باضافة كود للون المراد او اضافة رابط صورة ليظهر في الخلفية .
ملاحظة : اذا اردت استخدام لون في الخلفية فقط ، احذف هذا من الكود : url(http://farm5.static.flickr.com/4020/4647821870_28f1634a7d_t.jpg) no-repeat bottom right;
border: لتحديد حجم الاطار الخارجي ولونه في صندوق التعليق بتغيير القيمة 7 وتغير كود اللون #ABABAB بكود اللون الذي تريده
padding : لتحديد بعد الحدود عن نموذج المشاركة (يرجى عدم تغييرها)
font : حجم خط كلمة " التعليق باسم" ونوعه في نموذج المشاركة ، تستطيع تغيير القيمة 13 لتكبير او تصغير الخط ، وتغيير كلمة tahoma بخط اخر تريده .
color : لون خط كلمة " التعليق باسم" في نموذج المشاركة
width : عرض الصندوق ، تستطيع تغير العرض ليتناسب مع مدونتك .
2. تخصيص الصندوق عند مرور الفارة عليه :
#mbt-form iframe:hover
كما هو شرح الخطوات السابقة ولكن الفرق هو عند مرور الفأرة على صندوق التعليق .
3. لون الروابط في صندوق التعليقات .
#mbt-form a
تحديد لون الروابط " تسجيل خروج" و " الاشتراك عن طريق البريد الالكتروني "
4. تذكر انت غير مقيد بشكل الكود .
تستطيع ان تخصص هذا الكود وتصمم الصور التي تريد ان تعرض ، فقط قم بتغيير الروابط داخل الكود الاول بروابط الصور الخاصة بك .
لأي استفسار اترك تعليق
الشكر كل الشكر الى الصديق ahmadzai
اذا اعجبتك هذه التدوينة فلا تنسى ان تشاركها وتساعدنا على نشر المدونة ، كما يسعدنا ان تنضم الى قائمة المشاركين في سما بلوجر من خلال
(نشرات rss)
33 التعليقات:
الله يعطيك العافيه
فكره جميله وجربتها لكن للاسف ما نفعت طلع الاطار كما هو موجود عندك قبل تمرير الفأره مع هذا عجبني و حاولت تغير العرض لكن لم يتغير .
مشكور
اخي الكريم ،
كان هنالك خطأ في روابط الصور في الكود ، حاول مرة اخرى فقد عدلت الروابط
شكرا أخ عدي عرار
اهلا اخ باسم
جزاك الله خيرا
لكن لدي سؤال : إذا أزلت الصورة لا يظهر كل الإطار و الخلفية بل يختفي كل شي
وماهي طريقة تغيير الطول
معليش سؤال : كيف أخلي الصندوق بمحاذاة اليمين .. أنا هذي مدونتي : habebona.blogspot.com
مع إنها بالعربي إلا إن العناوين الرئيسية كلها لليسار .. كيف أخليها لليمين ؟
الادارة ،
اهلا بك اخي الكريم ،
السؤال الاول : راجع طريقة حذف الصورة مرة اخرى ، وابدأ من url
السؤال 2 : انا لم اذكر تغيير الطول في الشرح السابق ، ولم اجرب ان اغير الطول ، سأتطرق لهذا الموضوع في تدوينات مستقبلية .
السؤال الثالث : القالب يحتاج الى تعريب ، راجع هذا الشرح من مدونة الصديق احمد العزاوي http://ahmed-b.blogspot.com/2010/02/blog-post.html
لو سمحت انا جربتها أكثر من مره لكن لم تنفع :
تمرير الفاره علي الاطار لا يعمل - و غيرت العرض رقم 7 لكن لا يحدث اي تغير ما المشكله العرض لا يتغير ابدا .
غير معرف ،
الاضافه تعمل 100 بالميه ، وانا استعملها في المدونه ، اذا كنت تستعل متصفح اكسبلورير فأعتقد ان هذا هو سبب المشكله ، وبالنسبه للعرض لا انصح بتغييره
السلام عليكم ورحمة الله حقيقة مدونتك مفيدة جدا اسال الله ان يقدر لك الخير . اخى عندى مشكلة فى المدونة كادت ان تحبطنى عن التدوين اولا .. المدونة تفتح بشكل مشوه يعنى مبعثرة الحجم والادوات عندما افتحها على Internet Explorer 7 اما اذا فتحتها على Internet Explorer 8 او Firefox فإنها تفتح بشكل جيد فما هو السبب ؟؟
وانت تعلم ان اكثر الناس يستخدمون Explorer 7 الذى ينزل مع الويندوز الاكس بى .................... وما هو المقاس المناسب عند التصميم بالنسبة لمقاس الشاشة800 ام 1024 ؟؟
الطلب الاخير اريد كود اتصل بنا كما هو عندك وشكرا
والسلام عليكم ورحمة الله
السلام عليكم
إبدااااااااع اخي عدي
جميل جدا
جزاك الله خيراً
تحياتي
غير معرف ،
حياك الله دائما زائرا ومتابعا لمدونتي المتواضعه ، لا يوجد اي قالب يتوافق 100% مع جميع نسخ متصفح اكسبلورير الغبي ، ولكن تختلف نسبه التوافق من قالب الى اخر ، يعني قد يكون قالب مدونتك لا يتوافق مع اكسبلورير 7 منذ تصميمه ، وهذه المشكله تحتاج الى خبير في لغات التصميم ، ولكن انصحك بتغيير القالب ، او التنويه لزوار مدونتك بعدم توافقها مع هذا المتصفح ،
المقاس المناسب هو المقاس الذي يستخدمه معظم زوار مدونتك والافضل هو 1024x768 .
بالنسبه لنموذج اتصل بنا ، سأكتب تدوينه تشرح طريقه الحصول عليه وتخصيصه وتركيبه في المدونه ، قريبا باذن الله .
عبدالكريم ،
هلا بيك اخي ، ولا تحرمنا من كلماتك المشجعه دائما ، واتمنى ان تحصل على مرادك .
شكراً
مشعل القاسم ،
العفو اخي ، شرفني مرورك
السلام عليكم ورحمة الله وبركاته
**************************
الأضافة تعمل 100% راااااائعة جدااا جداا وتم تطبيقها على مدونتى ... شكرا جزيلا اخى"عدى" لانى كنت ابحث عن هذه الطريقة ولم اتوقع انها بهذه السهوله
بارك الله فيك
جهاد هاني ،
اهلا بك يا طيب ومبروك عليك الاضافه ، شرفني مرورك الكريم
الساحه تظهر عندي كبيره بالنسبه للطول والعرض
تسلم ايدك والله بس الخلفيه صعبه شويه مش عارف اركبها
Amusegame
اخي الكريم ، في التدوينه اعلاه موضح كيف تعدل العرض ، تحياتي لك يا طيب .
Trip to love
اهلا بك اخي ، طبق الخطوات جيدا وستحصل على الاضافه بالشكل المطلوب ، تقبل تحياتي
شكرا على الموضوع الرائع:
وقد اشتفدت
لكن لدي سؤال /
في بعض الاحيان يتوقف التعليق في مدوني فلا يستطيع الاشخاص التعليق لماذا وماذا افعل؟
2:كيف اجعل كل رساله اكتبها لها صندوق تعليق خاص؟
ششكرا
يعطيكم العافيه
غير معرف ،
اهلا اخي ، احيانا يكون هنالك تحديث لمنصه بلوجر واعتقد بأن هذا سبب عدم قبول التعليقات في ذلك الوقت ،
وبالنسبه لادراج نموذج التعليق اسفل التدوينه ، ادخل الى بلوجر - اعدادات - التعليقات - ثم انظر الى " موضع نموذج التعليق " واختار "تم تضمين الرساله ادناه" ، وبالتوفيق اخي
عامر ،
الله يعافيك ، وشكرا لمرورك الطيب
السلام عليكم
أخي الكريم جربت طريقه الاعدادات في إدراج تعليق اسفل التدوينه.لكن الطريقه لم تفلح.
يكون صندوق التعليق في رساله (موضوع)واحد ام الرسائل الاخرى لايوجد بها صندوق تعليق .بمعنى ان المدونه كلها لايوجد بها إلا صندوق واحد للتعليق .ارجو المساعده .
إذا يوجد كود لوضعه ارجوك ساااااااااااااعدني..
متابعه للمدونه ،
ادخلي الى كل رساله لا تحتوي على صندوق تعليق ، ومن ثم اضغطي تحرير الرساله - وبعد ان تفتح صفحه التحرير - اضغطي على خيارات الرسائل - تعليقات القراء "تمكين" ، ومن ثم نشر ، وافعلي هذا مع كل التدوينات التي لا تحتوي على صندوق تعليق . بالتوفيق
وااااااااااااااااااااااااااااااااي
مشكور خيي
إلك الاجر إنشاء الله ويعطيك الف الف عافيه
ماتدري قد ايش انك ساعدتني
الله يجعلها في موازين حسناتك يارب
مشكككككككككككور
متابعه ،
ما يميز منصه بلوجر هي سهوله وبساطه التعامل معها ، شرفني مرورك اختي
السلام عليكم ورحمة الله وبركاته
حلوه الطريقه دي ومدونتك جميله ومفيده
ممكن لو سمحت اعرف منك هل ممكن اخصص اقسام في المدونه لموضوعاتي مثلا قسم الحلويات وقسم المشروبات وهكذا وازاي اعمل الاقسام دي
د.ولاء صلاح
شرفني مرورك الكريم ، بالنسبه لاستفسارك راجعي هذا الرابط
Http://77.92.75.66/~arblogge/vb/showthread.php?t=3566
إرسال تعليق