كيف تضيف أكواد بلوجر في صندوق لتمييزه

السلام عليكم يا أصدقائي اليوم جئتكم بموضوع جديد في الدرس السابق قمنا بوضع أزرار لمدونة بلوجر و اليوم سأريكم كيف تضع صندوق لوضع الكود داخله و لكن كيف أقوم بوضع الإضافة؟
لمعاينة الصندوق:

See the Pen NPorYW by tarek zaabi (@tarek1web) on CodePen.

تابع معي الشرح

شرح طريقة التركيب 

1-أدخل إلى لوحة التحكم في بلوجر
2-القالب
3-تحرير HTML
4-إبحث عن ]]></b:skin>
5-ثم أضف فوقه هذا الكود

 .pre {
  background: #2e3138;
  color: #b0b1b8;
  display: block;
  font: 12px/19px Consolas,'Andale Mono',Courier,'Courier New',monospace;
  margin: 10px 0;
  overflow: auto;
  padding: 19px 19px 17px;
  border: 1px solid #464a54;
} 

6-إحفظ القالب
و لاستعمال الصندوق قم بالتوجه نحو تبويب HTML و أضف الود التالي

 <pre title="CSS" data-codetype ="CSSku"><code class="language-css">  </code></pre> 

عنوان التدوينة: كيف تضيف أكواد بلوجر في صندوق لتمييزه
تقييم : 10 من 10 مرتكز على 24 تقييم.
المدير |زياد الزعبي

عدد المشاهدات :

Zied Zaabi

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

• غرد
• مشاركة
• إضافة
مزيد

بضغطة زر تشارك الفائدة وتدعم المدونة

صندوق التدوينة

رابط مباشر :

كود للمنتديات :

HTML كود :