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

السلام عليكم ،

هل تمتلك مدونة يعتمد معظم مواضيعها على إضافات و أكواد 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>

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

ثم

 

ثم

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

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