اضافة ملاحظة أو اقتباس في مشاركة على المدونة

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

طريقة تركيب الاضافة

ملاحظة : لا تنسى أخذ نسخة احتياطية للقالب

1. قم بتسجيل حسابك ثم إذهب إلى منصة البلوجرblogger
2. إنتقل للمدونة >> ثم إلى المظهر >> ثم إضغط على تحرير  Edit HTML 
3. إضغط في وسط محرر الأكواد  ثم   F  + Ctrl لإضهار مربع البحث
4. بإستعمال  الزر  C  + Ctrl  للنسخ و  V  + Ctrl  للصق قم بوضع الأكواد في المكان المناسب

قم بالبحث عن هذا الوسم

</head> اضغط للتحديد

فوقه أي قبله قم بوضعhtml.كود

<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

• اذا كان لديك كود font-awesome.min.css الأخير في القالب سابقا فلا داعي لاضافته
• بعد أن تنتهي من إضافة الأكواد هذه ، تضغط على حفظ المظهر

اضافة كود HTML في نص الموضوع

• عليك نسخ الكود هذا في notepad في جهازك ستحتاجه في موضوع آخر

  <div class="w3-panel w3-card-4 w3-light-white">
    <p class=" w3-large w3-serif">
    <i class="fa fa-quote-left w3-xxlarge w3-text-red"></i><br>
هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق، إذا كنت تحتاج إلى عدد أكبر من الفقرات يتيح لك مولد النص العربى زيادة عدد الفقرات كما تريد، النص لن يبدو مقسما ولا يحوي أخطاء لغوية  </div>

• استبدل النص بملاحظتك

معاينة الشكل الاول

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

اضافة كود HTML الثاني في نص الموضوع

<div class="w3-panel w3-sand w3-rightbar">
<p><i class="fa fa-quote-left w3-xxlarge w3-opacity"></i><br>
هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى
</div>

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

هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى

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

إضافات بلوجر