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

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

طريقة إدراج الإضافة إلى المدونات و المواقع

أولا نتوجه إلى لوحة التحكم >>>> قالب .
ثم تحرير 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ_6XMJSMjoXva1FlIUDsnJgQRgo6_WJDm-eLRktkVLy-k4t7y70TuqSGsohppLDx18rAsc1Hwe5M9Un9bUdZosa4tXBjgoSI7S-hIlpqtN4ZbvPpM3_FWRajQg50CrkGra-PwxD60MFQ/s1600/info.png') no-repeat right;
color: #222;
}
.tips {
background: #7CADDE url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4XMN-dcCuoeBkJe6nmdIorJqifD0amHzaeb42oJuayl9Hqo5CnowvQ7kb8f9S36_arS8mSe9latLA6-hCp4zNyO2jpog8VhDEoJ6Iuc-q-VdTk7dXj6xpT8IFOuMEtgObUyFSDkUHfBk/s1600/tips.png') no-repeat right;
color: #fff;
}
.warning {
background: #db6161 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmNTdT1VALtaHGq9j3AAoC-1DrjJJZWpOdT7890VMYjztzba_UGyGzZpPPHrmww8MGolA2YF6NneCVymKeA7wT4jqgwZBRmuCYcJvJo3dmVWpyle87Sarf3rTVScGY4HbLce51S-gFsyU/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ_6XMJSMjoXva1FlIUDsnJgQRgo6_WJDm-eLRktkVLy-k4t7y70TuqSGsohppLDx18rAsc1Hwe5M9Un9bUdZosa4tXBjgoSI7S-hIlpqtN4ZbvPpM3_FWRajQg50CrkGra-PwxD60MFQ/s1600/info.png') no-repeat 12px 8px;
color: #222
}
.tips {
background: #7CADDE url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4XMN-dcCuoeBkJe6nmdIorJqifD0amHzaeb42oJuayl9Hqo5CnowvQ7kb8f9S36_arS8mSe9latLA6-hCp4zNyO2jpog8VhDEoJ6Iuc-q-VdTk7dXj6xpT8IFOuMEtgObUyFSDkUHfBk/s1600/tips.png') no-repeat 12px 8px;
color: #fff;
}
.warning {
background: #db6161 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmNTdT1VALtaHGq9j3AAoC-1DrjJJZWpOdT7890VMYjztzba_UGyGzZpPPHrmww8MGolA2YF6NneCVymKeA7wT4jqgwZBRmuCYcJvJo3dmVWpyle87Sarf3rTVScGY4HbLce51S-gFsyU/s1600/warning.png') no-repeat 12px 8px;
color: #fff;
}

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

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

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

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

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

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

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

بلوجر