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

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

• مثلا تريد ان تضع جملة تنصح فيها المدونين فإنها ستكون على الشكل التالي

للحصول على مراكز أولى في محركات البحث يجب عليك تقديم مواضيع تكون حصرية ، مطلوبة من قبل الزوار ، و أيضا مفيدة .

• مثال للإضافة على شكل معلومات :

هل تعرف السبب الأساسي لجعل مدونتك تتصدر محركات البحث و تجلب أكبر قدر ممكن من الزوار !!!

• المثال الثالت للإضافة على شكل تحذير :

لا تقوم بالنسخ المواضيع و التدوينات و تقوم بالوضعها في المدونة، و لا تجعل نفسك عبارة عن ألة ، بل جعل نفسك مبدع يقدم دائما الجديد .

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

• أولا نتوجه إلى لوحة التحكم >>>>  قالب .
• ثم تحرير 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/AVvXsEigwtySK6J4LDTOQBbcG4dVpIvtywN3Ggb_10WtfxVLW1KNYn1rcjqc-1r0vS1vJdz-sXKv5kTKIT0expotGYBBDI-gyx9Z5h0DR4-CVY021uaT9xOffSVLmov0e_KztyMvNjkoGi0RX-k/s1600/info.png') no-repeat right;
 color: #222;
}
.tips {
 background: #7CADDE url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDNr76dzMYhrJkYuk3dloWYICclFHpu5xdIx_IBBRyFYa5f2FpY6fT3OwVdqKlCvJk7iWQwTyXH0NiQql3sO9NQBJtp5OOMfFHNLQAI3wzZ4KMAHK-jjxzwNg0SiQRs83OCv2PPl58U4s/s1600/tips.png') no-repeat right;
 color: #fff;
}
.warning {
 background: #db6161 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVVmtLfSEppkL0jvtSJML1WKZtxSs88CBdShFM5WhPZMXa5EXT3owMeND0ERUwrlstArUlvFElWA9p28DAbB26KOI6Gio3d6yXVhuqUzG3TdYvEdQ5VapUy1qj4uZoURczqY3YFbJfDb8/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/AVvXsEigwtySK6J4LDTOQBbcG4dVpIvtywN3Ggb_10WtfxVLW1KNYn1rcjqc-1r0vS1vJdz-sXKv5kTKIT0expotGYBBDI-gyx9Z5h0DR4-CVY021uaT9xOffSVLmov0e_KztyMvNjkoGi0RX-k/s1600/info.png') no-repeat 12px 8px;
 color: #222
}
.tips {
 background: #7CADDE url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDNr76dzMYhrJkYuk3dloWYICclFHpu5xdIx_IBBRyFYa5f2FpY6fT3OwVdqKlCvJk7iWQwTyXH0NiQql3sO9NQBJtp5OOMfFHNLQAI3wzZ4KMAHK-jjxzwNg0SiQRs83OCv2PPl58U4s/s1600/tips.png') no-repeat 12px 8px;
 color: #fff;
}
.warning {
 background: #db6161 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVVmtLfSEppkL0jvtSJML1WKZtxSs88CBdShFM5WhPZMXa5EXT3owMeND0ERUwrlstArUlvFElWA9p28DAbB26KOI6Gio3d6yXVhuqUzG3TdYvEdQ5VapUy1qj4uZoURczqY3YFbJfDb8/s1600/warning.png') no-repeat 12px 8px;
 color: #fff;
}

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

 

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

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

 

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

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

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

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

مقالات ذات صلة