تصنيفات المدونة

الأربعاء، 29 ديسمبر 2010

إضافة كود HTML في موضوع لمدونات بلوجر

أحيانا تحتاج أن نكتب  كود HTML في التدوينة ، ولكن نواجه مشاكل ﻷن محرر بلوجر لا يفهم تلك اﻷكواد إلا إذا تم تحويلها إلى أكواد صديقة.

لذلك نحتاج للتعديل في القالب اﻷساسي ، اذهب للوحة التحكم ثم تصميم ثم تحرير HTML ، اضغط على CTRL+F ، ابحث عن الكود ]]></b:skin> ، قم بإضافة هذا الكود قبله :
pre {
  background: #efefef; border: 1px solid #A6B0BF;
  color: #000000; font: 11px tahoma;
  overflow: auto; padding: 10px;
}
pre:hover {
  border: 1px solid #efefef;
} 
هذا الكود يقوم بعمل خلفية ، وإطار ، ولون محدد للكتابة التي نريدها (كود HTML). وﻹظهار الكتابة بالمواصفات التي تكلمنا عنها نقوم بوضعها بين الوسمين التاليين <pre> </pre> ، ستظهر في المدونة بالشكل التالي :
<a href="saidkh.blogspot.com"> saidkh </a> 

سنحتاج إلى أداة postable حيث تقوم بتحويل أكواد HTML إلى ما يسمى بالأكواد الصديقة لـ HTML. ولكي تستوعب ما أتحدث عنه قم بنسخ أي كود وتوجه إلى أداة postable ، قم بلصق الكود داخل المستطيل واضغط على make it friendly ، ستجد أن الكود قد تحول إلى كتابة غير مفهومة وهذا ما نريد بالضبط أن نصل إليه.

الآن وباختصار إذا أردت أن تكتب موضوع في مدونتك يحتوي بداخله على أكواد فيجب أن تقوم بالتالي :
  1. حول الكود الذي تريد أن تكتبه في موضوعك إلى كود صديق من خلال أداة postable
  2. الكود الذي حصلت عليه ضعه داخل الكودين التاليين <pre> </pre> ، من خلال وضع تحرير HTML وليس وضع تأليف وهكذا سيظهر الكود مأطر وبشكل سليم داخل التدوينة

هناك تعليقان (2):

  1. اخى خالد بارك الله فيك شرح ممتاز

    سؤال اخى خالد
    ازاى اخلى الصفحات ( زى الرئيسية وعن المدونة ) تظهر فى الصفحة من اليمين مش من الشمال ارجو الاجابة ف اسرع وقت

    ردحذف
  2. اهلا بك اخي الكريم

    سؤالك مش واضح .. ممكن توضح سؤالك بالصور أو تضع رابط مدونتك.

    ردحذف