فواتح المواضيع والعبارات الترحيبية بشكل تلقائي

فواتح المواضيع والعبارات الترحيبية بشكل تلقائي

المعاينات والمرفقات

كل مدون لديه طريقته الخاصة في إفتتاح مواضيعه بالإضافة أن محتوى وتصميم  المدونة يفرض أيضا طريقة لفتح المواضيع لكن في الغالب لا تخلوا مدونة إلا وتحتوي عبارات ترحيبية وأيضا تكون عادة نفس العبارات في كل موضوع لكن مسألة العبارات الترحيبية بالرغم من جذبها للقارئ وإشعاره بمودة  عند قراءة الموضوع بالإضافة الى الفواتح التي لها بعد شرعي وثواب عظيم كعبارة السلام ( السلام عليكم ورحمة الله وبركاته ) او الثناء على رب العالمين والصلاة على الحبيب ( الحمد لله رب العالمين والصلاة والسلام على المبعوث رحمة للعالمين سيدنا محمد وعلى آل وصحبه أجمعين ) , لحظة هل صليت على النبي ام قرأت فقط ؟ صلي على الحبيب ولا تكن بخيل , طبعا كل هذا جميل ورائع لكن نتكلم عن امر عملى قليلا العبارات الترحيبية تظهر في ملخص الموضوع ولو وضعتها كصورة ستظهر في مصغرات الموضوع لأنها تكون أول صورة وهذا سيجعلها تؤدي دور وتؤثر على دور آخر وهو جذب الزائر للقراءة فنحن نهدف الى جذب الزائر الى القراءة ثم بعد أن يقرر بالفعل انه سيقرأ الموضوع تظهر العبارة الترحيبية لكن ظهورها في الملخصات تضيع مسألة الجذب عبر الملخص , إذاً ما اللحل ؟ الحل وببساطة هو أننا سنحصد كل المزايا ونلغي كل العيوب سنقوم بعمل تركيب تلقائي للعبارات التحيبية وجعلها تظهر في المواضيع تلقائيا وهذا سيوفر وقت الكتابة وفي نفس الوقت وضعها بهذا الشكل لا يجعلها تظهر في الملخصات

الترحيب كصورة

لمن يرغب في إضافة رسائل الترحيب على هيئة صورة يتبع التالي
لكن أولا هذه معاينة لرؤية الناتج


طريقة التركيب : إبحث عن احد هذه الأكواد
<div class='post-header'>
أو
<div class='post-header-line-1'/>
وأضف تحته الكود التالي

<b:if cond='data:blog.pageType  == &quot;item&quot;'>
    <Center><img src='url'/> </Center>
    </b:if>

وإستبدل url برابط الصورة التي تعجبك ويمكنك البحث في صور جوجل ستجد آلاف الصور الترحيبية
وهذا رابط الصورة الظاهرة في المعاينة لمن أراد إستخدامها

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlkO3oAjUH-wuLICbzenpWN38MUJymQ6kTZEq8zy08D60dMY_ljAKawDAnXwDBqRb8hMcwMkRMUANp9CRdqHNqpy-QeRWV3EsiFT2fdClppIBRDI9R-WSjMX18-pS7PjAbvslIl1aqCKaw/s355/bsmlh.png

الترحيب كنص

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

<b:if cond='data:blog.pageType  == &quot;item&quot;'>
 <div style='font-size:22px; color:#000; font-weight:bold; text-align:center; text-shadow:  0px 3px 3px #666;padding:5px;'>
     السلام عليكم ورحمة الله وبركاته
&lt;/br&gt;
الحمد لله والصلاة والسلام على رسول الله
     </div>
</b:if>

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


ملاحظات عامة 

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

<div class='post-footer'>
أو
<div class='post-footer-line-1'/>
وبالتوفيـــــــــق

تعليقات

26

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

  1. شكرا لك كن مدون موضوع رائع

    ردحذف
  2. شكرا لمروركم العطر اخواني الكرام
    دمتم بكل ود

    ردحذف
  3. السلام عليكم ورحمة الله وبركاته
    موضوع رائع ومهم جدا لكل مدون يريد
    التميز بالمدونة من تنسيقات ومحتوى هادف
    تميزت أخي الغالي عمرو عن باقي المدونات
    ماشاء الله مواضيع هادفة ومفيدة لم أر الى الان موضوع
    يتكلم على التنسيقات في الكتابة بالشكل الي عرضته
    أهنيك أخي على جهودك وابداعاتك شكرا لك وجزاك الله خيرا
    بانتظار مزيدا من الابداعات كما عودتنا دمت في حمى الرحمن

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

      حذف
  4. شكرا لك اخي عمر للاستزادة فقط يمكنك وضع صور خواتم المواضيع ايضا
    و لكن هذه المرة ابحث عن
    <div class='post-footer'>
    و اضف نفس الكود السابق وضع صورة بها عبارة ختامية او النص.

    ردحذف
    الردود
    1. حياك الله أخي الحبيب سعيد
      ملاحظة يا غالي انا بالفعل ذكرت هذا في نهاية الموضوع في الجزء الخاص بالملاحظات
      لكن لا مشكلة زيادة الخير خيرين تحياتي لك وشاكر مرورك الكريم

      حذف
  5. السلام عليكم ورحمة الله وبركاته
    اخي عمرو نوْر الله دربك و رفع الله قدرك و غفر الله ذنبك
    ووسع الله رزقك وجعل كل ما خطت يداك فى موازين حسناتك
    موضوع ممتاز تحياتي لك

    ردحذف
    الردود
    1. وعليكم السلام ورحمة الله وبركاته
      اللهم آمين أخي الغالي أبو ملاك
      ربي يحفظك حبيبي
      دمت في أمان الله

      حذف
  6. وفيك بارك الله أخي الفاضل
    وشكراً لمرورك الكريم

    ردحذف
  7. هل أستطيع اضافة اعلانات حسوب في خاتمة المواضيع باستخدام هذهِ الطريقةِ

    ردحذف
    الردود
    1. نعم اخي لكن حول كود الإعلان بمحول الأكواد أولاً

      حذف
  8. اخي هل من الممكن استخدام هه الطريقة لأضافة اداة اسفل المواضيع

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

      حذف
    2. اخي انا اريد اضافة هذه الاداة تحت الموضوع:

      http://jsbin.com/eviCamIc

      ولكن عندما اضفتها ضهرت لي رسالة خطأ فقمت بتحويلها عبر محول الاكود فتم حفظ القالب بنجاح وذهبت لمعاينتها فأذا بالمدونة قلبت رأساً على عقب فقمت بأزالتها, رجاءً ما السبب وكيف أقوم بحل المشكلة فأنا بحاجة ماسة لهذه الاداة

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

      حذف
    4. مشكور أخي سأحاول اكتشاف الخطأ

      حذف
  9. تم إضافتها بنجاح شكرا لك اخي الكريم

    ردحذف
  10. يعطيك ربي دوام الصحة والعافية

    ردحذف
  11. بالتوفيق اخواني الكرام =r

    ردحذف
  12. السلام عليكم فعلا قد تم اضافتها بنجاح لكن وقع مشكل لم يكن في الحسبان وقد طرحت المشكل في
    http://cnmu.blogspot.com/p/chat.html
    واجابني احد الاخوة لكن للاسف لم نصل انا وهو الا الحل
    لهذا السبب ساعيد المشكل هنا عسى ان نجد حل
    ها هو المشكل الذي ضهر
    https://a.disquscdn.com/uploads/mediaembed/images/1719/7505/original.jpg
    والكود المستخدم في البسلملة هو الكود الدي اقوم به في اول كل موضوع قمت بعزله تم نسخه تم وضعه في القالب بطريقة الواضحة في الموضوع
    فهل يمكن ضهوره في اول كل موضوع بدون ان يؤتر على جمالية المواضيع في الصفحة الرئيسية .

    ردحذف
    الردود
    1. وعليكم السلام ورحمة الله وبركاته
      انا اجبتك اخي الكريم في ركن الأسئلة وفي الشرح انا موضح ذلك الأمر
      ان اضفت كود البسملة بين هاذين الكودين
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
      هنا
      </b:if>
      لن تظهر في الصفحة الرئيسية بل في صفحة المواضيع فقط

      حذف
    2. شكرا لك اخي الكريم
      نعم لقد اشتغل الامر تمام

      حذف
  13. ممكن طريقة اضافة تعليقات بلوجر+تعليقات disqus+تعليقات الفيس بوك مرة واحدة فى بلوجر

    ردحذف
    الردود
    1. نصحت كثيراً بان أكثرم ن نظام غيرمفيد ويثقل المدونة
      لكن عموما ان يسر الله ساقدم شرح لهذا الامر

      حذف
  14. السلام عليكم ورحمه الله
    المعاينة لا تعمل أخي

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

      حذف