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

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

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

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

ثم تحرير 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('https://2.bp.blogspot.com/-3rcGQ-VAKb8/UlA4L72c6wI/AAAAAAAAFtY/f__fkV_xBsQ/s1600/info.png')
 no-repeat right;
 color: #222;
}
.tips {
 background:
 #7CADDE
 url('https://2.bp.blogspot.com/-_Y9kuQODeBs/UlA4LwDUkhI/AAAAAAAAFtk/Rm0QwoddGLw/s1600/tips.png')
 no-repeat right;
 color: #fff;
}
.warning {
 background:
 #db6161
 url('https://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('https://2.bp.blogspot.com/-3rcGQ-VAKb8/UlA4L72c6wI/AAAAAAAAFtY/f__fkV_xBsQ/s1600/info.png')
 no-repeat 12px 8px;
 color: #222
}
.tips {
 background:
 #7CADDE
 url('https://2.bp.blogspot.com/-_Y9kuQODeBs/UlA4LwDUkhI/AAAAAAAAFtk/Rm0QwoddGLw/s1600/tips.png')
 no-repeat 12px 8px;
 color: #fff;
}
.warning {
 background:
 #db6161
 url('https://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>

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

  .^_^.

ذات صلة:  تعرف على موقع احصائيات المواقع StatCounter
اشترك في نشرتنا الإخبارية
اشترك هنا للحصول على آخر الأخبار والتحديثات والعروض الخاصة التي يتم تسليمها مباشرة إلى البريد الإلكتروني الخاص بك.
يمكنك إلغاء الاشتراك في أي وقت
قد يعجبك ايضا

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. AcceptRead More