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

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

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

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


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

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

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


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

  • أولا نتوجه إلى لوحة التحكم >>>>  قالب .
  • ثم تحرير 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('http://2.bp.blogspot.com/-3rcGQ-VAKb8/UlA4L72c6wI/AAAAAAAAFtY/f__fkV_xBsQ/s1600/info.png') no-repeat right;
 color: #222;
}
.tips {
 background: #7CADDE url('http://2.bp.blogspot.com/-_Y9kuQODeBs/UlA4LwDUkhI/AAAAAAAAFtk/Rm0QwoddGLw/s1600/tips.png') no-repeat right;
 color: #fff;
}
.warning {
 background: #db6161 url('http://2.bp.blogspot.com/-rgsBmdJYFkM/UlA4LyWCrqI/AAAAAAAAFtc/suIf3IwnpgE/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('http://2.bp.blogspot.com/-3rcGQ-VAKb8/UlA4L72c6wI/AAAAAAAAFtY/f__fkV_xBsQ/s1600/info.png') no-repeat 12px 8px;
 color: #222
}
.tips {
 background: #7CADDE url('http://2.bp.blogspot.com/-_Y9kuQODeBs/UlA4LwDUkhI/AAAAAAAAFtk/Rm0QwoddGLw/s1600/tips.png') no-repeat 12px 8px;
 color: #fff;
}
.warning {
 background: #db6161 url('http://2.bp.blogspot.com/-rgsBmdJYFkM/UlA4LyWCrqI/AAAAAAAAFtc/suIf3IwnpgE/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

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