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

How to set blogging notification buttons and messages using Bootstrap

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

البوتستراب هو إطار عمل حر ومفتوح المصدر لتصميم مواقع وتطبيقات الويب ,تحتوي البوتستراب علي قوالب جاهزة مكتوبة بلغة HTML و CSS لتنسيق النصوص والنماذج والأزرار وشرائط التنقل وغير ذلك من عناصر الواجهة الرسومية

شرح وضع اكواد البوتستراب لمدونات بلوجر

ادخل الي المظهر

ثم تعديل HTML

ثم ابحث عن

<head>

وضع هذه الأكواد اسفله

  <!-- Latest compiled and minified CSS -->
<link href='https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css' rel='stylesheet'/
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

وقم بحفظ القالب وتكون اضفت مكتبة البوتستراب في موقعك , نذهب لدرس اليوم وهو

مايميز البوتستراب السرعة والتجاوب فهذه الصورة هي مثال لرسائل التنبيه الذي ستقوم بوضعها

 <div class="alert alert-success">
    <strong>Success!</strong> تحميل كورس بلوج ادسنس مجانا للمبتدئين.
  </div>

هذا الكود البرمجي سيعطي لك رسالة تنبيه بنجاح

طريقة وضع هذا الكود بسيطة جدا تستطيع وضعه في اداة ال html/javascipt او في ال html في صفحة المواضيع تستطيع وضع هذا الكود وسيعمل معك
هذا بالنسبة لرسالة ال success اذا كنت تريد اي رسالة اخري كما في الصور غير اسم المعرف (CLASS) بمعرفات اخري (.alert-success, .alert-info, .alert-warning, .alert-danger, .alert-primary, .alert-secondary, .alert-light or .alert-dark:)

 (.alert-success, .alert-info, .alert-warning, .alert-danger, .alert-primary, .alert-secondary, .alert-light or .alert-dark:)

جرب تغيير المعرف بهذه المعرفات وستعطيك نتائج مختلفة
نأتي للموضوع الثاني وهو

كيفية وضع ازرار لمدونات بلوجر

هذه الصورة بها الازرار الموجودة التي سضعها في موقعك كما ترون لكل زر له اسم معرف CLASS ولكي تضع زر في قالبك كل ماعليك هو الاتجاه الي ال html في صفحة كتابة المواضيع وكتابة كود الزر مثل هذا الكود

   <a href="#" class="btn btn-primary" role="button">تحميل القالب</a>

هذا الكود سيعطي لك هذه النتيجة

قم بتغيير (#) بالرابط الذي تريده وقم بتغيير جملة تحميل القالب بالجملة الذي تريدها وايضا تغيير اسم المعرف لباقي المعرفات الاخري btn btn-outline-dark , btn btn-outline-danger ,btn btn-outline-warning , btn btn-outline-info

 btn btn-outline-dark , btn btn-outline-danger ,btn btn-outline-warning , btn btn-outline-info

وقم بحفظ الازرار وقم بمعاينة او نشر الموضوع وستجد الازرار ورسائل التنبيه تم تفعيلهم بطريقة سهلة , مايميز البوتستراب انه سريع ومتوافق مع جميع المتصفحات ومتجاوب مع جميع الشاشات .

مستر بلوجر | mr blogger

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