بسم الله الرحمن الرحيم و الصلاة و السلام على سيدنا محمد الأمين. السلام عليكم و رحمة الله. كثيرا ما تصلني استفسارات حول أمور بسيطة من قبيل : كيف أستبدل رابط أرسل تعليق بصورة؟ أو كيف أضع صورة أو نصا فوق صندوق التعليقات؟ ... فأحببت أن أشير إلى بعض الطرق عبر تدوينات مختصرة سريعة. و في هذا الموضوع بإذن الله سنتعرف و رفقتكم الطيبة طريقة وضع صورة أو نص فوق صندوق التعليق في مدونات بلوجر، لتنبيه المعلق أو لتذكيره بقاعدة أو طلب. و قبل أن اشرع في الشرح اسمحوا لي أن أقدم لكم نموذجا موضحا.
كما تلاحظون في المثال فقد أضفت نصا و صورة فوق صندوق التعليق مباشرة لكن بطريقتين مختلفتين.
مكان النص الأحمر ضع رابط الصورة المراد إدراجها فوق صندوق التعليقات.
بعد ذلك من لوح تحكم مدونتك توجه إلى صفحة التصميم ثم تحرير HTML و قبل أي تعديل احفظ نسخة احتياطية من قالبك بعد ذلك ضع علامة في خانة توسيع القالب.
ثم ابحث عن <p><data:blogCommentMessage/></p>
و مباشرة تحتها أضف كود HTML الذي جهزت و تود إضافته فوق صندوق التعليق بحيث يصبح الكود كالآتي.
ثم احفظ القالب.
تقبل الله صيامكم و قيامكم، نسألكم الدعاء.
كما تلاحظون في المثال فقد أضفت نصا و صورة فوق صندوق التعليق مباشرة لكن بطريقتين مختلفتين.
طريقة إضافة صورة أو نص فوق صندوق التعليقات
الطريقة الأولى
هذه هي الأسهل، فمن لوح تحكم مدونتك توجه إلى إعدادات ثم تعليقات و انزل أسفل الصفحة حتى تجد خيار رسالة نموذج التعليق و في الحقل المقابل لها أدخل النص المراد عرضه فوق صندوق التعليق ثم اضغط زر حفظ الإعدادات، و لتعلم أن هذه الطريقة لا تمكنك من عرض صورة أو إدخال أوسمة 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>
تقبل الله صيامكم و قيامكم، نسألكم الدعاء.
التعليقات : 54
الله يجزاك بالخير يا أخ ذؤيب
على ما تقدمه لنا ولبلوجر
فقد ساهمت في تطوير نظرتنا إلى بلوجر
الله يوفقك.
جزاك الله خيراً, جاري تطبيق الطريقة علي موقعي وان شاء الله تكون بالشكل المطلوب, وفقك الله.
يعطيك العافيه
و بارك الله فيك
هذا اللي كنت ادوره من زمااااان
شكرا
إضافة رائعة جداً ومميزة , بارك الله فيك أستاذ محمد
سيتم عملها ..
هل لك ان تضع لنا شرح لطريقة عمل التصنيفات في قائمة منسدلة ؟
بارك الله فيك دروس مفيده ...
بارك الله فيك و في الافكار القيمة حقيقة موصوع جميل ومفيد
السلام عليكم
جميل جدا أشكرك على المعلومة المفيدة
أخ ذؤيب شكرا لك سؤال ياغالي كيف نستبدل جملة
0 تعليقات
واكتب مكانها مثلا
عدد التدوينات على هذه التدونيه "العدد"
اخ ذؤيب كيف جعلت صندوق التعليقات للردود مقوس
يعني في قالبك الذي حملته على مدونتي الصندوق مربع
مشكور أخي ذؤيب تم تطبيقها في مدونتي ، جاءت في وقتها
اضافة جميلة اخي
السلام عليكم،
شكرا لك أخ ذؤيب ننتظر منك المزيد.
ملاحظة :لقد قمت بإضافة "صندوق 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;
و احفظ القالب.
أخي علاء الدين
الحمد لله أنك جعلته يعمل و هذا ما يجب فعله عند الاقتضاء ;)
تحياتي للجميع.
جزاك الله خيراً أخي ذؤيب علي المجهود الرائع
هل لي أن اسأل كيف يُمكنني إظهار صورة المعلقين كمدونتك ؟
بصراحة .. أنت أفضل داعم فني للمدونين العرب .. للأمانه ..
فقط يوجد مشكلة صغيرة بقالب مدونتك الذي تعرضه للتحميل .. اذا كان هناك موضوع طويل جدا مثلا 6 صفحات على سبيل المثال فان الصفحة الأولى في المدونة لن تتحمل الى موضوع واحد مع انها مبرمجة ان تحمل 5 مواضيع لكل صفحة .. هل يوجد عندك حل لهذه المشكلة ..
رائع جدا
Free Blogger Templates
اخى المقداد
ان اردت التصنيفات فى قائمه مندسله
http://www.ar-blogger.com/vb/showthread.php?t=6630
هذا رابط الموضوع بعرب بلوقر
اما ذؤيب انا عاوز اخلى الصور بتاعه الاعضاء والزائرين تبقى كبيره بنفس الحجم اللى فى المدونه عندك
؟
ثانكس ..!
شكرا شرح ممتاز
تسلم أخي الله يكرمك
أضفتها عندي أخي محمد ..
جزيت خيرا
شكرا علي الاضافة
http://earnlesson.blogspot.com
درس رائع =)
جآري التطبيق . .
thanks
أضافة رائعة لتجنب الروابط الدعائية
شكراَ
الله يجزاك بالخير يا أخ ذؤيب
شكرك على الشرح الوافى أخى ذؤيب
http://grashoplike.blogspot.com//
موضوع رائع
مشكور اخوي جزاك الله خير
شكرا وجزاك الله خير
تسلم ايديك على الموضوع
اخبار اليوم-اخبار مصر
الشكر كل الشكر لك أخي الكريم
اذا سمحت اخى اريد اضافة خاضية ربما تفيد من هذه المواضيع كذلك : المتحركة الى مدونتى كما فى مدونتكم الرائعة ارجوا الرد والافادة اذا سمحت اخى ذؤيب
هذه هى مدونتى http://nasae7-wa-ma3lomat.blogspot.com/
فى انتظار الرد اخى الفاضل ذؤيب
اخي الكريم ممكن طلب بلا امر عليك
ممكن كود مربع التعليقات توضيح اكثر
يعني في المدونات العادية يفصل التعليق خط ولكن في مدونك المميزة وبعض المدونات ارى كل تعليق داخل صندوق
&lt;img src=&quot;http://4.bp.blogspot.com/_XrWO8mEpDy0/TH7OVk9gBRI/AAAAAAAAA4o/grkc2guyDAo/s320/warnning.png&quot; border=&quot;0&quot; /&gt;
جربت الطريقة اكثر من مرة تظهر الصورة تحت الصندوق وليس فوقه هل من هل
اخي الكريم بارك الله بيك ممكن تشرح طريقة جعل التعليقات تقبل HTML، مثل < b >, < i >, < a >
شكرا على الموضوع
entrümpelung
umzug
Räumung
Kleintransport Wien
Wohnungsräumung Wien
botendienst Wien
كيف اسوي بحث مالقيت في HTMAL
لعبه تلبيس باربي للصغار
لعبه تلبيس العروسه للبنات فقط
ميك اب ورسم حواجب للبنات فقط
لعبه تلبيس العروسة و تصورها
لعبه المطعم 2013
لعبه تلبيس للبنات فقط
لعبة الرجل الاخضر الجديده
العاب فلاش للبنات فقط
اكسسوارات جديده
شنط واحذيه
الصحه
انتريهات و غرف نوم
اغلفه الفيس بوك
صور 2013
قصص
غريبه و عجيبه
ملابس 2013
كوميكس فيس بوك
المنوعات
صور حب 2013
صور رومانسية
فساتين سهره طويل
اغلفه فيس بوك
اغلفة للفيس بوك
اغلفه للفيس بوك رومانسي
صور انا احب لجميع الحروف
احدث ازياء 2013 اجدد ملابس 2013
اغلفه للفيس بوك رومانسي بناتي 2013
فساتين سهره قصيره جديده 2013
مدونه ازياء النسائيه
احدث موض فساتين زفاف
صور فساتين سوريه
عابايت جديده اخر موضه
ازياء جواكيت شتوية 2013
اجمل شنط يد عصرية 2013
مجوهرات راقية 2013
اجمل خواتم زواج 2013
صور مجوهرات ديور 2013
اجمل جوارب نسائية
بارك الله فيك موضوع جميل جدا
وتم التطبيق الحمد لله
ولكن لي سؤال كيف يمكنني تعريب التعليقات
يعني عندي التعليقات بتظهر على الشمال وكمان الاختيارات كلها انجليزي ازاي اعربها .. تفضل بزيارة مدونتي
مدونة حلمنا
وارجو مراسلتي على الايميل بالطريقة :
m.2841985@yahoo.com
شكرا لك موضوع غاية في الروهة
مدونة محبي الاحتراف : شروحات بالفيديو كل ما يخص الأنترنت والكمنبيوتر
اربح من الانترنت مجانا
http://doda20072.blogspot.com/
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
http://ntaatar.com/ts4/register.php?ref=97
Thanks
mgbay13.blogspot.com
بارك الله في جهودك اخي ذؤيب
طبقت الشرح وقمت بوضع صندوق HTML خاص بي، ولكن وجدت انه يختفي بعد اول تعليق.
هذه مدونتي : http://safwae.blogspot.com
ارجو الرد
شكرا
شروحات ليست سهلة ، خاصة للمبتدئين في مثل هذه المواضيع ... نأمل أن يتم التكرم بشروحات لطرق أكثر سهولة ،،، مع فائق الشكر والتقدير
إرسال تعليق
يمكن استخدام بعض علامات HTML، مثل <b>, <i>, <a>
أخي الكريم، رجاء قبل وضع أي كود في تعليقك، حوله بهذه الأداة ثم ضع الكود المولد لتجنب اختفاء بعض الوسوم.
» معرض قوالب بلوجر مدونة لعرض أفضل القوالب المطروحة على معهد خبراء بلوجر : منتدى خاص بالبلوجر لتبادل الخبرات بين مدوني البلوجر ومشاركة القوالب العربية والمعربة أو الأجنبية إضافة إلى التبادل الإعلاني وطرق الربح عن طريق مدونات بلوجر.الروابط الدعائية ستحذف لكونها تشوش على المتتبعين و تضر بمصداقية التعليقات.