recent
أخبار ساخنة

كيفية وضع رسائل التنبيه لمدونات بلوجر بطريقة جديدة

الصفحة الرئيسية

كيفية وضع رسائل التنبيه لمدونات بلوجر بطريقة جديدة

How to put alert messages for blogger blogs in a new way

في بلوجر تطورت اللغات والاضافات اصبحت متعددة ,موضوع هذا الاسبوع هو كيفية وضع رسائل التنبيه لمدونات بلوجر بطريقة جديدة  لمكتبة uikit , من مميزات هذه المكتبة انها متجاوبة وسريعة وتدعم RTL , واليوم ستعرف كيفة اضافة رسائل التنبيه لمدونات بلوجر من خلال هذه المكتبة

قبل الدخول في شرح وضع الاضافة يجب وضع اكواد المكتبة داخل الموقع عن طريق فتح المظهر  ثم تعديل html
ثم ابحث عن


<head> 

وضع هذه الاكواد اسفله
      <!-- UIkit CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.2.6/dist/css/uikit.min.css" />
    <!-- UIkit JS -->
    <script src="https://cdn.jsdelivr.net/npm/uikit@3.2.6/dist/js/uikit.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/uikit@3.2.6/dist/js/uikit-icons.min.js"></script>

ثم قم بحفظ التعديل وبعد الحفظ ستكون وضعت اكواد المكتبة , نأتي للشرح
في هذه المكتبة توجد 4 اشكال للرسائل 
.uk-alert-primary
.uk-alert-success
.uk-alert-warning
.uk-alert-danger

وهذه صورة  موضحة لأشكال رسائل التنبيه  


How to put alert messages for blogger blogs in a new way
فقط كل ماعليك هو الدخول لتحرير المقالات سواء كنت تكتب مقالة جديدة او تقوم بالتعديل علي القديمة , ثم قم بالضغط علي HTML في الاعلي وضع هذه الاكواد 


 <div class="uk-alert-primary" uk-alert>
    <a class="uk-alert-close" uk-close></a>
    <p>رسالة تنبيه.</p>
</div>



 <div class="uk-alert-success" uk-alert>
    <a class="uk-alert-close" uk-close></a>
    <p>رسالة نجاح.</p>
</div>


 <div class="uk-alert-warning" uk-alert>
    <a class="uk-alert-close" uk-close></a>
    <p>رسالة تنبيه.</p>
</div>



 <div class="uk-alert-danger" uk-alert>
    <a class="uk-alert-close" uk-close></a>
    <p>رسالة خطر.</p>
</div> 


هذه اكواد الرسائل باسمائهم وان كتبتهم في HTML سيظهرون كهذا
  1. رسالة تنبيه.
  2. رسالة نجاح.
  3. رسالة تنبيه.
  4. رسالة خطر.
ونكون قد وصلنا لنهاية شرح اليوم
google-playkhamsatmostaqltradent