السلام عليكم و رحمة من الله تعالى و بركاته أما بعد،
تقديم معلومات جديدة، نصائح مفيدة و تحذيرات للمشاكل هي إختصاص المدونين في مجال المعلوميات. يبحث كل مدون دائما عن كل جديد مفيد و حصري من أجل مشاركته على المدونات و المنتديات، قد يكون المحتوى عبارة عن معلومات أو نصائح للمدونين أو نحذيرات من بعض المشاكل. و الدرس اليوم عبارة عن إضافة جديدة و إحترافية تمكنك من وضع نص في أحد الإختيارات التلات "معلومات، نصائح، أو تحذيرات" بشكل اكثر روعة.
مثلا تريد ان تضع جملة تنصح فيها المدونين فإنها ستكون على الشكل التالي
للحصول على مراكز أولى في محركات البحث يجب عليك تقديم مواضيع تكون حصرية ، مطلوبة من قبل الزوار ، و أيضا مفيدة .
مثال للإضافة على شكل معلومات:هل تعرف السبب الأساسي لجعل مدونتك تتصدر محركات البحث و تجلب أكبر قدر ممكن من الزوار !!!
لا تقوم بالنسخ المواضيع و التدوينات و تقوم بالوضعها في المدونة، و لا تجعل نفسك عبارة عن ألة ، بل جعل نفسك مبدع يقدم دائما الجديد .
طريقة إدراج الإضافة إلى المدونات و المواقع
أولا نتوجه إلى لوحة التحكم >>>> قالب.
ثم تحرير HTML و نبحث عن
]]></b:skin>
إذا كنت تتوفر على مدونة باللغة العربية فأضاف الكود التالي قبل الوسم
]]></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/AVvXsEj9cuRQ9HQzNHWMOANwx6mJjlDDupAt6TZkg21Uq4A7qVTK9lGqBrZAP8Bu3W9TTPqA-MX2BceYPJRfGptLJHmAgRx0cw_wM6QxWjF2jJt7yFBPuLzhyphenhyphentelSV7lVq_nBerb-btr6eCDQYU/s1600/info.png') no-repeat 12px 8px;
color: #222
}
.tips {
background: #7CADDE url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7kgYRpjrtpwU_aTzDaKnfIrSWMPb0JUu54mj2e91hb4gVICUlZcbHn-rekM3jrWuee89Y5xQzD8SCWePN16sgxqMTWFnWicDlbB5u3UReUCklONjMpB_OzdWh6MJf8v4uBkSR1n1kcGw/s1600/tips.png') no-repeat 12px 8px;
color: #fff;
}
.warning {
background: #db6161 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnc12AR_Kw7Q6IQVweopI9McQ_fj9V1OQDMQ2sa3TGFnsILxdhZb0eBtuqUg72AEaHZKoR2F9Pu62Wo19RU0H7Jb3QQszFUVGtZ_vSP3QnoK_RvCN80iZyrhLZnzDh7gmtBUPvQgas-aA/s1600/warning.png') no-repeat 12px 8px;
color: #fff;
}
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/AVvXsEj9cuRQ9HQzNHWMOANwx6mJjlDDupAt6TZkg21Uq4A7qVTK9lGqBrZAP8Bu3W9TTPqA-MX2BceYPJRfGptLJHmAgRx0cw_wM6QxWjF2jJt7yFBPuLzhyphenhyphentelSV7lVq_nBerb-btr6eCDQYU/s1600/info.png') no-repeat 12px 8px;
color: #222
}
.tips {
background: #7CADDE url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7kgYRpjrtpwU_aTzDaKnfIrSWMPb0JUu54mj2e91hb4gVICUlZcbHn-rekM3jrWuee89Y5xQzD8SCWePN16sgxqMTWFnWicDlbB5u3UReUCklONjMpB_OzdWh6MJf8v4uBkSR1n1kcGw/s1600/tips.png') no-repeat 12px 8px;
color: #fff;
}
.warning {
background: #db6161 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnc12AR_Kw7Q6IQVweopI9McQ_fj9V1OQDMQ2sa3TGFnsILxdhZb0eBtuqUg72AEaHZKoR2F9Pu62Wo19RU0H7Jb3QQszFUVGtZ_vSP3QnoK_RvCN80iZyrhLZnzDh7gmtBUPvQgas-aA/s1600/warning.png') no-repeat 12px 8px;
color: #fff;
}
........................................................
علاوة عن ذلك، إذا كنت تريد ان تضيف الصنف الخاص ب "المعلومات" فأضاف الكود التالي (كتابة التعليمات البرمجية في وضع HTML)
<div class='info'>يمكنك تغيير هذا النص بما تريده !!</div>إضافة الصنف الخاص ب "النصائح" أضف الكود التالي (كتابة التعليمات البرمجية في وضع HTML)
<div class='tips'>
يمكنك تغيير هذا النص بما تريده !!
</div>
إضافة الصنف الخاص ب "التحذير" أضف الكود التالي في الوضع HTML
<div class='warning'>
يمكنك تغيير هذا النص بما تريده !!
</div>
أتمنى ان تفيدكم الإضافة، لا تقرأ و ترحل