وضع صندوق للملاحظات,النصائح والتحذيرات في مدونتك

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

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

كل المدونين وستغنيهم عن استعمال الصور وغيرها وهي 

اضافة نصيحة او ملاحضة او تحذير اسفل كل تدوينة مع اضافة بسيطة

تجبر الزائر على قرائتها وستجدها اسفل هذه التدوينة ويمكنك قرائتها .

وستكون على هذا الشكل .

طريقة التركيب : و كالعادة نذهب الى لوحة التحكم بلوكر ثم الى قالب 

نأخذ نسخة احتياطية للقالب ونضغط على تحرير html ونبحث عن الكود الاتي :

]]></b:skin> وبعد ايجاده نضع الكود التي قبله مباشرة .

.info-swe, .tips-swe, .warning-swe {

 line-height: 22px;

 min-height: 38px;

 padding: 10px 50px 12px 10px;

 margin: 5px 0;

}

.info-swe {

 background: #e0e5eb url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDSBz2N9CjdKmE4oXkZX74QKpWB23mPU3VZtC2B9Q-wt4SQGo88CSe_RbhZfkn1s5qnf6hlk2j93PpNFKf4NPXPxVdPKI96-o2xfs6GaE6Yj2buKikU9Jt9ddjXRIy5PznaGFybDTR07Y/s1600/info.png') no-repeat 99% 8px;

 color: #222

text-align: right;

}

.tips-Swe {

 background: #7CADDE url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ0ca9Ntrcs-a_-T7dTJAV97iuI1v8vkD-4sf8jzQl5yjmPYf0IQpk1-5kHbTwBZZDn98HiixgrEtN9CH97jqtNE7-Cm7oMlrhPX278SdNjaMDjGdM1TVPkM8H95LcPEaCmcePa0oNNoA/s1600/tips.png') no-repeat 99% 8px;

 color: #fff;

text-align: right;

}

.warning-swe {

 background: #db6161 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig1KknEgX61X5-8UsC89H0Th8rKuuVR02x5IqmwjqdjGoPU7ZCmsOywKdKdOldAkTqXEQP2BzH0CIpNxs-KCb6BmyWgObldrBVRqWYyKdZ6mxdltIwBIlGkAf9bfjMOuDhkZTuLM6tkK8/s1600/warning.png') no-repeat 99% 8px;

 color: #fff;

text-align: right;

} 

ثم اضغط على حفظ ونكون انتهينا تقريبا .

الان اذا اردت اضافة صندوق النصيحة ضع الكود الاتي في محرر html للمشاركة .

<div class='tips-swe'>

نكتب هنا نا تريد من نصائح

</div>

و اذا اردت اضافة صندوق الملاحضة ضع الكود الاتي في محرر html للمشاركة .

<div class='info-swe'>

نكتب هنا ملاحظاتنا لزوار المدونة

</div>

و اذا اردت اضافة صندوق تحذير ضع الكود الاتي في محرر html للمشاركة .

<div class='warning-swe'>

هنا تضع اي تحذير تريده لزوار المدونة

</div>

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