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

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

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

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


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

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

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


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

  • أولا نتوجه إلى لوحة التحكم >>>>  قالب .
  • ثم تحرير 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>


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

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

      Previous
      Next Post »

      2 التعليقات

      التعليقات
      10/30/2014 delete أزال المؤلف هذا التعليق.
      avatar
      11/19/2015 delete

      اضافة رائعة
      شكرا لك
      لكن واجهتني مشكلة ان الكتابة تأتي فوق الصورة ....

      Reply
      avatar

      المروجوا احترام سياسة المدونة و عمل بها و شكرا ااا