كيفية اضافة صندوقي التحذير و التنبيه للووردبريس و بلوجر

Follow @TechPoint_Blog

السلام عليكم ورحمة الله وبركاته.

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

في المدونة وستفيدك في عمل الشروحات و الكثير من الاستخدامات الاخرى

تم ترجمة الموضوع من  قِبل مدونة ارشيف بلوجر ,المصدر 

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

1. اذهب للوحة تحكم مدونتك .
2. القالب.
3. تحرير HTML'
4. متابعه و اشر على توسيع القوالب.
5. اضغط Ctrl+F من لوحة المفاتيح.
6. ابحث عن الوسم التالي:

  ]]></b:skin>

7. قم بلصق الكود التالي فوقه مباشره:

#ErrorYellow{ margin-right: 55px; background-image: url(http://lh6.googleusercontent.com/-STlIUwa6Dkg/UFsfPdrxhJI/AAAAAAAABPc/XNigxZmpvdE/s32/YellowWarning.png); border: 1px solid #FFCF0F; background-color: #FFFFDE; border-radius:3px; font-size:15px; background-repeat:no-repeat; padding-left:40px; border-radius:9px; min-height:32px; width:auto; background-position:3px; margin:10px; padding-top:5px; color:#222; }                                                                                  #ErrorRed{ margin-right: 55px; background-image: url(http://lh3.googleusercontent.com/-SCexRoopeJw/UFsfPWIOXYI/AAAAAAAABPg/D4_aPGnQysI/s32/RedWarning.png); border: 1px solid #FF0F0F; background-color: #FFDEDE; border-radius:3px; font-size:15px; background-repeat:no-repeat; padding-left:40px; border-radius:9px; min-height:32px; width:auto; background-position:3px; margin:10px; padding-top:5px; color:#222; }

8. اضغط حفظ.

9.في حال كنت تكتب موضوع و اردت استخدام  هذه الخاصية التي اضفتها لمدونتك 

فانقر على زر HTML تجده في اعلى صندوق الكتابه وضع احد الاكواد التاليه مع التعديل:

 اذا اردت استخدام صندوق التحذير مثل هذا:

 مثال: استغفر الله استغفر الله .....                                                                                                               

فانسخ الكود التالي و ضعه في المكان المناسب في صندوق كتابة التدوينية بوضعية HTML

          <div id="ErrorRed"> اكتب ما تريد هنا </div>

اما اذا اردت استخدام صندوق التنبيه مثل هذا:

تنبيه! سبحان الله سبحان الله سبحان الله

فانسخ الكود التالي وضعه في المكان المناسب في صندوق كتابة التدوينية بوضعية HTML

          <div id="ErrorYellow"> اكتب ما تريد هنا </div>

واي استفسار يمكنك وضعه في تعليق في هذه التدوينيه وسيتم الرد عليه في اقرب وقت ممكن.

تحياتي.

الكاتب : Salem Shami

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

• تواصل معي :
• fb
• tw
• gl