معلومات، نصائح و تحذير في إطار إحترافي على مدونات البلوجر

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

معلومات، نصائح و تحذير في إطار إحترافي على مدونات البلوجر طريقة إدراج الإضافة إلى المدونات و المواقع

أولا نتوجه إلى لوحة التحكم >>>>  قالب .

ثم تحرير HTML   و نبحث عن

]]></b:skin>


إذا كنت تتوفر على مدونة باللغة العربية فأضاف الكود التالي قبل الوسم ]]></b:skin>

.info, .tips, .warning {
 line-height: 22px;
 min-height: 38px;
 padding: 10px 12px 12px;
 margin: 5px 0;
 text-align: right;
 padding-right: 50px ;
}
.info {
 background:
 #e0e5eb
 url('http://2.bp.blogspot.com/-3rcGQ-VAKb8/UlA4L72c6wI/AAAAAAAAFtY/f__fkV_xBsQ/s1600/info.png')
 no-repeat right;
 color: #222;
}
.tips {
 background:
 #7CADDE
 url('http://2.bp.blogspot.com/-_Y9kuQODeBs/UlA4LwDUkhI/AAAAAAAAFtk/Rm0QwoddGLw/s1600/tips.png')
 no-repeat right;
 color: #fff;
}
.warning {
 background:
 #db6161
 url('http://2.bp.blogspot.com/-rgsBmdJYFkM/UlA4LyWCrqI/AAAAAAAAFtc/suIf3IwnpgE/s1600/warning.png')
 no-repeat right;
 color: #fff;
}

أما إذا كانت مدونتك باللغة الإنجليزية أو أية لغة أخرى أجنبية فأضف الكود التالي فوق الوسم    ]]></b:skin>

.info, .tips, .warning {
 line-height: 22px;
 min-height: 38px;
 padding: 10px 12px 12px 68px;
 margin: 5px 0;
}
.info {
 background:
 #e0e5eb
 url('http://2.bp.blogspot.com/-3rcGQ-VAKb8/UlA4L72c6wI/AAAAAAAAFtY/f__fkV_xBsQ/s1600/info.png')
 no-repeat 12px 8px;
 color: #222
}
.tips {
 background:
 #7CADDE
 url('http://2.bp.blogspot.com/-_Y9kuQODeBs/UlA4LwDUkhI/AAAAAAAAFtk/Rm0QwoddGLw/s1600/tips.png')
 no-repeat 12px 8px;
 color: #fff;
}
.warning {
 background:
 #db6161
 url('http://2.bp.blogspot.com/-rgsBmdJYFkM/UlA4LyWCrqI/AAAAAAAAFtc/suIf3IwnpgE/s1600/warning.png')
 no-repeat 12px 8px;
 color: #fff;
}

علاوة عن ذلك ،  إذا كنت تريد ان تضيف الصنف الخاص ب “المعلومات ” فأضاف الكود التالي  (كتابة التعليمات البرمجية في وضع HTML)

<div class='info'>
يمكنك تغيير هذا النص بما تريده !!
</div>

إضافة الصنف الخاص ب   “النصائح” أضف الكود التالي  (كتابة التعليمات البرمجية في وضع HTML)

<div class='tips'>
يمكنك تغيير هذا النص بما تريده !!
</div>

إضافة الصنف الخاص ب  “التحذير”   أضف الكود التالي في الوضع HTML


 <div class='warning'>
يمكنك تغيير هذا النص بما تريده !!
</div>

أتمنى ان تفيدكم الإضافة ، لا تقرأ و ترحل .

  .^_^.

صورة DzTech

DzTech

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