شرح طريقة وضع صورة أو نص فوق صندوق التعليقات لمدونات بلوجر comment photo

بسم الله الرحمن الرحيم

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

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

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

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

الطريقة الأولى

هذه هي الأسهل، فمن لوح تحكم مدونتك توجه إلى إعدادات ثم تعليقات و انزل أسفل الصفحة حتى تجد خيار رسالة نموذج التعليق و في الحقل المقابل لها أدخل النص المراد عرضه فوق صندوق التعليق ثم اضغط زر حفظ الإعدادات، و لتعلم أن هذه الطريقة لا تمكنك من عرض صورة أو إدخال أوسمة 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/AVvXsEi6TGeEDIRsdliVfw9cgGk3XqzeXdkkHKwgS892aglFhO04KqUpI1wH8nKn7UbXMijKWiwz0FT74reuJTyY2CNMExTa13I3VLHFx_arkrSYvpdw7DnCeALLRb7_VCNLxS49HkTAb5kdLlE/s512/warnning.png" border="0" /> 

صندوق HTML

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

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

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

شارك هذا المنشور