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

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

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

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

ثم تحرير 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>

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

  .^_^.

المصدر
زر الذهاب إلى الأعلى