إضافة أكواد البرمجة داخل إطار مميز على بلوجر


إضافة أكواد البرمجة داخل إطار مميز على بلوجر


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

هام :  يمكنك تغيير لون الإطار إلى اللون الذي تريده و ذلك عن طريق تغيير اللون المشار اليه بالإحمر .
  • بالإمكانك استعانة الموقع التالي لإختيار اللون المناسب


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

  • لوحة التحكم
  • إضغط على قالب
  • ثم تحرير HTML
  • إبحث بالضغط على CTRL+F عن الكود التالي :
]]></b:skin>

  • ثم ضع الكود التالي قبله ،
  #code {

padding:5px;

border:1px dashed;

background-color:#ff0000;

direction: ltr;

text-align: left;

height:100px;

overflow-y:scroll;

}

و الآن لأهم خطوة و هي كيفية جعل الإطار يظهر في المواضيع
  • عندما ستريد وضع أكواد البرمجة داخل موضوع ،
  • ستضغط على إختيار HTML  ثم بعدها ستقوم باللصق الكود التالي ، تم تعود مرة أخري إلى تأليف و تستبدل "ضع الكود هنا"  بالكود التي تريد وضعه ،

<div id="code">
"ضع الكود هنا"
</div>

  • شرح الطريقة بالصور ;

إضافة أكواد البرمجة داخل إطار مميز على بلوجر

ثم

إضافة أكواد البرمجة داخل إطار مميز على بلوجر
 
ثم

إضافة أكواد البرمجة داخل إطار مميز على بلوجر

في الإخير أتمني أن يكون الشرح في متناول الجميع ، لا تستفد و ترحل شاركنا برأيك .

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

Previous
Next Post »