| 55 تعليقات ]

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

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

طريقة إضافة صورة أو نص فوق صندوق التعليقات


الطريقة الأولى
هذه هي الأسهل، فمن لوح تحكم مدونتك توجه إلى إعدادات ثم تعليقات و انزل أسفل الصفحة حتى تجد خيار رسالة نموذج التعليق و في الحقل المقابل لها أدخل النص المراد عرضه فوق صندوق التعليق ثم اضغط زر حفظ الإعدادات، و لتعلم أن هذه الطريقة لا تمكنك من عرض صورة أو إدخال أوسمة HTML ( فقط بعض الأوسمة متاحة مثل <b>, <i>, <a>). فإن كنت تحتاج فقط لإضافة نص أنصحك بهذه الطريقة، أما إن احتجت لإدراج صورة أو كود HTML مركب فاتبع الطريقة الثانية إذن.

الطريقة الثانية
أولا يتعين عليك تجهيز ما ستدرجه فوق صندوق التعليق و أقصد هنا كود HTML . فمثلا لو أردنا إدراج صورة سيكود كود Html كالآتي.

<img src="رابط الصورة" border="0" />
مكان النص الأحمر ضع رابط الصورة المراد إدراجها فوق صندوق التعليقات.
بعد ذلك من لوح تحكم مدونتك توجه إلى صفحة التصميم ثم تحرير HTML و قبل أي تعديل احفظ نسخة احتياطية من قالبك بعد ذلك ضع علامة في خانة توسيع القالب.
ثم ابحث عن <p><data:blogCommentMessage/></p>
و مباشرة تحتها أضف كود HTML الذي جهزت و تود إضافته فوق صندوق التعليق بحيث يصبح الكود كالآتي.
<p><data:blogCommentMessage/></p>
<img src="رابط الصورة" border="0" />
ثم احفظ القالب.

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

صورة تذكير و تنبيه:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC2o6AGwiMiGub7q3g8sqBSVokI6cyBqy2gQUmf2zcnZUg0GdoV1NXLbdxle5p9-ui0Aub-s-qGd8RKyPZeXKX-jxunPtI3z64hwOQarjyOE4_6xB2qNO4YLB4E6vfJdGZVtpyzMBy1cU/s512/warnning.png" border="0" />

صندوق HTML

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

<div class="warning" style="background:#F3F9FB url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz8-1jsKo6x3yFtrrWvFBUq8at2G7yYCaAY2PsafGrScWOJ1a1Nbu7sHPQ7Idi17y2nBvjbIpqguvEw-DcCfB8Ym1JJOftEc5kE4ufwd54XWTe4UoQj-aguHXckp1uqDLunDeFPvCby-I/) 8px 6px no-repeat ; border:#A8D1E6 1px solid; padding: 5px 5px 5px 40px;"> فقرة من بضع جمل </div>

تقبل الله صيامكم و قيامكم، نسألكم الدعاء.


التعليقات : 55

راكان صالح

الله يجزاك بالخير يا أخ ذؤيب
على ما تقدمه لنا ولبلوجر
فقد ساهمت في تطوير نظرتنا إلى بلوجر

الله يوفقك.

محمد غراب

جزاك الله خيراً, جاري تطبيق الطريقة علي موقعي وان شاء الله تكون بالشكل المطلوب, وفقك الله.

الرحال العربي

يعطيك العافيه
و بارك الله فيك

هذا اللي كنت ادوره من زمااااان
شكرا

المقداد

إضافة رائعة جداً ومميزة , بارك الله فيك أستاذ محمد

سيتم عملها ..

هل لك ان تضع لنا شرح لطريقة عمل التصنيفات في قائمة منسدلة ؟

سكتشات

بارك الله فيك دروس مفيده ...

العربي للتقنية

بارك الله فيك و في الافكار القيمة حقيقة موصوع جميل ومفيد

Hamada Muhamed
أزال المؤلف هذا التعليق.
رشيد أمديون

السلام عليكم

جميل جدا أشكرك على المعلومة المفيدة

ابو اسراء

أخ ذؤيب شكرا لك سؤال ياغالي كيف نستبدل جملة
0 تعليقات
واكتب مكانها مثلا
عدد التدوينات على هذه التدونيه "العدد"

Najd

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

أبو معاذ

مشكور أخي ذؤيب تم تطبيقها في مدونتي ، جاءت في وقتها

oilgague

اضافة جميلة اخي

Alaeddine

السلام عليكم،
شكرا لك أخ ذؤيب ننتظر منك المزيد.
ملاحظة :لقد قمت بإضافة "صندوق HTML" لكنه لم يعمل معي إلا بعد أن استخدمت أداة adsense-converter

محمد

بارك الله فيكم إخواني الكرام و شكرا على طيب الزييارة.
معذرة على التأخر في الرد.

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

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

<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>
</b:if>

و استبدله بهذا :

عدد التعليقات على هذه التدوينة : "<data:post.numComments/>"

و إن لم تنجح يمكنك رفع قالب مدونتك و وضع الرابط لأعاينه.

أخي محمد نجد
فقط طبقت بعض خواص css3 على .comment-body
يمكنك فعلها كالآتي:
ابحث عن
.comment-body {
و تحتها أضف ما يلي

-moz-border-radius: 7px;
-webkit-border-radius: 7px;

و احفظ القالب.

أخي علاء الدين
الحمد لله أنك جعلته يعمل و هذا ما يجب فعله عند الاقتضاء ;)

تحياتي للجميع.

احمد رضا

جزاك الله خيراً أخي ذؤيب علي المجهود الرائع
هل لي أن اسأل كيف يُمكنني إظهار صورة المعلقين كمدونتك ؟

Najd

بصراحة .. أنت أفضل داعم فني للمدونين العرب .. للأمانه ..

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

Free Blogger Templates

رائع جدا
Free Blogger Templates

AhMeD MoHaMeD

اخى المقداد

ان اردت التصنيفات فى قائمه مندسله

http://www.ar-blogger.com/vb/showthread.php?t=6630

هذا رابط الموضوع بعرب بلوقر

AhMeD MoHaMeD

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

؟

sa5er

ثانكس ..!

A L B A K R I

شكرا شرح ممتاز

غير معرف

تسلم أخي الله يكرمك

إبراهيم الخميس

أضفتها عندي أخي محمد ..
جزيت خيرا

mahmoud elamir

شكرا علي الاضافة
http://earnlesson.blogspot.com

shosho Ali

درس رائع =)

جآري التطبيق . .

فنون الشات العربى

thanks

هويس التدوين

أضافة رائعة لتجنب الروابط الدعائية
شكراَ

غير معرف

الله يجزاك بالخير يا أخ ذؤيب

bader

شكرك على الشرح الوافى أخى ذؤيب

http://grashoplike.blogspot.com//

3aber saBeel

موضوع رائع

Quran.tv

شكرا لك أخي دؤيب

غير معرف

مشكور اخوي جزاك الله خير

الشرم

شكرا وجزاك الله خير

اخبار اليوم

تسلم ايديك على الموضوع
اخبار اليوم-اخبار مصر

Abdul Rahman Alsaiad

الشكر كل الشكر لك أخي الكريم

Unknown

اذا سمحت اخى اريد اضافة خاضية ربما تفيد من هذه المواضيع كذلك : المتحركة الى مدونتى كما فى مدونتكم الرائعة ارجوا الرد والافادة اذا سمحت اخى ذؤيب
هذه هى مدونتى http://nasae7-wa-ma3lomat.blogspot.com/

Unknown

فى انتظار الرد اخى الفاضل ذؤيب

أمير الشمري

اخي الكريم ممكن طلب بلا امر عليك

ممكن كود مربع التعليقات توضيح اكثر

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

غير معرف

&amp;lt;img src=&amp;quot;http://4.bp.blogspot.com/_XrWO8mEpDy0/TH7OVk9gBRI/AAAAAAAAA4o/grkc2guyDAo/s320/warnning.png&amp;quot; border=&amp;quot;0&amp;quot; /&amp;gt;

أبو فارس

جربت الطريقة اكثر من مرة تظهر الصورة تحت الصندوق وليس فوقه هل من هل

أبو فارس

اخي الكريم بارك الله بيك ممكن تشرح طريقة جعل التعليقات تقبل HTML، مثل < b >, < i >, < a >

entrümpelung wien

شكرا على الموضوع
entrümpelung
umzug
Räumung
Kleintransport Wien
Wohnungsräumung Wien
botendienst Wien

Unknown

كيف اسوي بحث مالقيت في HTMAL

Unknown


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

Unknown


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

Unknown

بارك الله فيك موضوع جميل جدا
وتم التطبيق الحمد لله
ولكن لي سؤال كيف يمكنني تعريب التعليقات
يعني عندي التعليقات بتظهر على الشمال وكمان الاختيارات كلها انجليزي ازاي اعربها .. تفضل بزيارة مدونتي
مدونة حلمنا
وارجو مراسلتي على الايميل بالطريقة :
m.2841985@yahoo.com

Unknown

شكرا لك موضوع غاية في الروهة
مدونة محبي الاحتراف : شروحات بالفيديو كل ما يخص الأنترنت والكمنبيوتر

Mahmoud Fouad

اربح من الانترنت مجانا
http://doda20072.blogspot.com/

Unknown

http://www.7ikayah.com/
http://www.7ikayah.com/search?max-results=5
http://www.7ikayah.com/2014/03/The-family-budget-between-planning-and-the-pond.html
http://www.7ikayah.com/2014/03/Addiction-Child-Online-isolates-socially.html
http://www.7ikayah.com/2014/03/No-Thmiloa-daughters.html
http://www.7ikayah.com/2014/02/20-advice-to-get-you-to-happiness-Be-positive.html
http://www.7ikayah.com/2014/02/The-art-of-dealing-with-life-elegance-not-only-mastered-the-owners-of-high-end-brains.html

Unknown

http://ntaatar.com/ts4/register.php?ref=97

Unknown

Thanks
mgbay13.blogspot.com

Laze
أزال المؤلف هذا التعليق.
Unknown

بارك الله في جهودك اخي ذؤيب
طبقت الشرح وقمت بوضع صندوق HTML خاص بي، ولكن وجدت انه يختفي بعد اول تعليق.
هذه مدونتي : http://safwae.blogspot.com
ارجو الرد

Nabil

شكرا

Unknown

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

إرسال تعليق


يمكن استخدام بعض علامات HTML، مثل <b>, <i>, <a>

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

» معرض قوالب بلوجر مدونة لعرض أفضل القوالب المطروحة على معهد خبراء بلوجر : منتدى خاص بالبلوجر لتبادل الخبرات بين مدوني البلوجر ومشاركة القوالب العربية والمعربة أو الأجنبية إضافة إلى التبادل الإعلاني وطرق الربح عن طريق مدونات بلوجر.