إضافة المرفقات الى مدونات بلوجر

 صنعت إضافة جديدة لبلوجر كنوع من التجديد , وهي إضافة منتشرة في المواقع والبريد الإلكتروني فلماذا لا تكون أيضاً في بلوجر

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

فصنعت إضافة مشابهة بنفس الفكرة


إضافة المرفقات الى مدونات بلوجر

أضف الكود التالي في نهاية الموضوع الذي تريد ظهور  الإضافة فيه

<style>

.cnmu-murfaq{--murfcol:#4CAF50;border:1px solid var(--murfcol);position:relative;margin:35px 20px 20px;padding:30px 30px 20px;border-radius:10px;}

.muftitle{color:var(--murfcol);position:absolute;top:0;background-color:#fff;height:30px;display:flex;align-items:center;gap:5px;translate:0 -50%;right:20px;padding:0 15px;font-size:18px;border:1px solid var(--murfcol);border-radius:10px;}

.muftitle i{order:-1;}

.murflist{display:flex;flex-direction:column;gap:10px;}

.murflist a{color:#000!important;display:flex;align-items:center;gap:10px;width:fit-content;margin:0!important;padding:0!important;text-decoration:none!important;}

.murflist a::before{content:"\f019";font:18px fontawesome;color:var(--murfcol);transition:scale .4s;}

.murflist a:hover::before{scale:1.2;}

</style>


<div class="cnmu-murfaq">

<div class="muftitle"><span>مرفقات</span><i class="fa-solid fa-paperclip"></i></div>

<div class="murflist">

<!--المرفقات-->


<a href="#" target="_blank" rel="noopener noreferrer">رابط يمكنك تعديله</a>


<!--المرفقات-->

</div>

</div>


شرح الإستخدام

عدل اللون الأخضر باللون المناسب لك

يمكنك تعديل كلمة مرفقات بكلمة أخرى ان اردت

الرابط الأحمر هو الرابط الذي يمكنك فتحه كرابط تحميل عدل الكلمة العربية به بما تريد ورمز الـ # بالرابط المراد فتحه

كرر الرابط ان اردت رابط مرفق آخر لا يوجد عدد محدد يمكنك تكراره كما تشاء


مثال للمعاينة

10تعليقات

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

  1. موضوع قنبلة والله 💥
    متميز كعادتك ورائع دوما أستاذ عـمرو 📌
    ما شاء الله موضوع يستحق منا أن نقول لصاحبه شكرا جزيلا وحفظك الله 🤲

    ردحذف
    الردود
    1. الله يحفظك أخي منير , يسرني أن الإضافة أعجبتك

      حذف
  2. أنت أنسان رائع؛ جميل جدا هذا الموضوع!.

    ردحذف
    الردود
    1. شكراً أخي يوسف , سعيد ان الموضوع أعجبك

      حذف
  3. مبدع كالعاده يا أستاذ عمرو
    الوحيد اللي بيسهل الدنيا معانا والله ربنا يبارك في مالك وعيالك

    ردحذف
    الردود
    1. اللهم آمين واياكم أخي الفاضل , سررت بمرورك كثيراً

      حذف
  4. الأيقونات لا تظهر فمالحل؟

    ردحذف
    الردود
    1. يبدو انه ليس لديك خط الأيقونات fontawesome أو لديك اصدار مختلف
      اقرأ هذا الموضوع للتعرف عليه
      https://www.cnmu.info/2016/01/Font-Awesome.html
      وهذا الموضوع حول الأصدار الأحدث
      https://www.cnmu.info/2024/01/Fontawesome.html

      حذف