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



 
أحدث الصورالتسجيلدخولالبوابةالرئيسية

 

  طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger

اذهب الى الأسفل 
3 مشترك
كاتب الموضوعرسالة
ليلى الصباحى ...ام هريرة

 طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  Stars6
ليلى الصباحى ...ام هريرة


 طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  King

المستشار الفنى للإدارة

الدولة: : القاهرة / مصر
رقم العضوية: : 10
عدد المساهمات : 1267
نقاط نشاط العضو: : 1804
الوظيفة: : مدونة مصرية
تاريخ التسجيل : 12/11/2011
 طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  Jb12915568671
 طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  01185152379

 طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  204665679

منتديات المدونون العرب
أفضل مشاركاتى : ليلى الصباحى

 طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  Empty
مُساهمةموضوع: طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger     طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  I_icon_minitimeالأحد ديسمبر 11, 2011 7:32 pm


الأضافة من مدونة سما بلوجر





سنتعلم في هذا الدرس كيف نضيف كود تخصيص صندوق التعليقات واظهاره بشكل اجمل واكثر اناقة من الشكل المعتاد والمعروف في مدونات بلوجر (blogspot) ، هذه الاضافة ستجعل زوار مدونتك اكثر شهية لاضافة التعليقات ، طبعا لا يخفى على احد بأن صندوق التعليقات في منصة (wordpress) يتفوق على نظيره في بلوجر ، ولكن هذه الاضافة ستجعل مدونات بلوجر اكثر احترافية واناقة ، شاهد بعض الصور لنماذج من صندوق التعليقات المخصص :

 طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  *1F3._thumb%5B34%5D

 طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  *1_thumb%5B6%5D

 طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  *2_thumb%5B15%5D

 طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  *3_thumb%5B15%5D

 طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  *4_thumb%5B10%5D

 طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  HB%20%27D*9DJB_thumb%5B7%5D



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

طريقة تركيب اضافة تخصيص صندوق التعليقات

من لوحة التحكم اضغط على التخطيط – تحرير 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. تذكر انت غير مقيد بشكل الكود .

تستطيع ان تخصص هذا الكود وتصمم الصور التي تريد ان تعرض ، فقط قم بتغيير الروابط داخل الكود الاول بروابط الصور الخاصة بك .
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://lolocat-q.blogspot.com/
قلم رصاص

قلم رصاص


 طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  1322714261311
الدولة: : أم الدنيا مصر
رقم العضوية: : 3
عدد المساهمات : 638
نقاط نشاط العضو: : 1035
تاريخ التسجيل : 12/11/2011
 طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  Jb12915568671

 طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  6
منتديات المدونون العرب

 طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  Empty
مُساهمةموضوع: رد: طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger     طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  I_icon_minitimeالأحد ديسمبر 11, 2011 7:36 pm

 طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  Images?q=tbn:ANd9GcQPhad256m3N28N6tIu842XutXVqPb5AgEoo3Gs5XkSgC4bSUZw_A
الرجوع الى أعلى الصفحة اذهب الى الأسفل
ليلى الصباحى ...ام هريرة

 طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  Stars6
ليلى الصباحى ...ام هريرة


 طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  King

المستشار الفنى للإدارة

الدولة: : القاهرة / مصر
رقم العضوية: : 10
عدد المساهمات : 1267
نقاط نشاط العضو: : 1804
الوظيفة: : مدونة مصرية
تاريخ التسجيل : 12/11/2011
 طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  Jb12915568671
 طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  01185152379

 طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  204665679

منتديات المدونون العرب
أفضل مشاركاتى : ليلى الصباحى

 طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  Empty
مُساهمةموضوع: رد: طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger     طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  I_icon_minitimeالأحد ديسمبر 11, 2011 10:28 pm


جزاك الله خيرا اخى شادى
بارك الله فيك واعزك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://lolocat-q.blogspot.com/
محمد الجرايحى

محمد الجرايحى


 طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  Name.ihssas
الدولة: : مصــــــــر
رقم العضوية: : 1
عدد المساهمات : 1028
نقاط نشاط العضو: : 1644
العمر : 61
الوظيفة: : التربية والتعليم
تاريخ التسجيل : 11/11/2011
 طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  1312318517281
إهداء من
ليلى الصباحى -أم هريرة
منتديات المدونون العرب

 طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  Empty
مُساهمةموضوع: رد: طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger     طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  I_icon_minitimeالأحد ديسمبر 25, 2011 1:52 am

 طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  1063532386
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://bloggers.rigala.net
ليلى الصباحى ...ام هريرة

 طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  Stars6
ليلى الصباحى ...ام هريرة


 طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  King

المستشار الفنى للإدارة

الدولة: : القاهرة / مصر
رقم العضوية: : 10
عدد المساهمات : 1267
نقاط نشاط العضو: : 1804
الوظيفة: : مدونة مصرية
تاريخ التسجيل : 12/11/2011
 طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  Jb12915568671
 طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  01185152379

 طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  204665679

منتديات المدونون العرب
أفضل مشاركاتى : ليلى الصباحى

 طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  Empty
مُساهمةموضوع: رد: طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger     طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  I_icon_minitimeالإثنين ديسمبر 26, 2011 3:55 pm



استاذ محمد الجرايحى
اشكرك على تعليقك ومرورك الطيب


 طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger  D2a55a5be8af
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://lolocat-q.blogspot.com/
 
طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
»  طريقة اضافة صندوق قناتك على اليوتيوب في موقعك
»  5 اسباب لاستعمال مدونات بلوجر (بلوج سبوت)
» تركيب تعليقات فيسبوك العربية على مدونات بلوجر
» اكواد html لأصحاب مدونات بلوجر
»  كيف تأخذ نسخة احتياطية من مدونتك على بلوجر - Back up your Blogger blog

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
المدونون العرب :: قسم التدوين والمدونات :: منتدى التقنية :: منتدى دروس بلوجر-
انتقل الى: