أخر الاخبار

كيف أضع كود html داخل المقالة فى بلوجر

كيف أضع كود html داخل المقالة فى بلوجر ،كيف اضع كود html فى مربع ذو خلفية ملونة داخل المقالة فى بلوجر،هذه بعض الاسئله التى ربما تسألها كمدون وهى كيف تتم هذه الطريقة؟.
الطريقة سهلة وتعتمد على أكواد CSS كى لاتؤثر على سرعة مدونتك ،لإن عمل هذه الاكواد بالجافا سكربت من شأنها تقليل سرعة المدونة ،وكما تعلم سرعة المدونة عامل أساسى من عوامل رفع ترتيب مدونتك.
شاهد مقالى هذا:تسريع مدونة بلوجر عبر سكربت Image Lazy Load Script

واليوم احضرت كود رائع وجميل تستطيع وضع أى كود HTML بداخله وسهل نسخه حتى لوكانت مدونتك مفعل خاصية تعطيل الزر الأيمن للفارة بها.

حطوات وضع صندوق الأكواد بداخل المقالة بمدونة بلوجر

1- عليك التوجه للوحة تحكم مدونتك ثم المظهر وتعديل HTML
2- اضغط عبر لوحة المفاتيح أو الكيبورد على Ctrl + F ثم ابحث عن كود  ]]></b:skin>
3- فوق الكود السابق ضع الكود التالى :

/* Code Box */
pre{white-space:pre-wrap;padding:10px;margin:10px;font-size:14px;line-height:1.5;background:rgba(27,27,27,0.91);border-left:10px solid #000;color:#cfcfa7;}
mark{background-color:#4c0b0b;color:#fff;padding:2px 5px;border-radius:2px}

شاهد الصوره لتحديد المكان ثم اضغط حفظ.
وبالطبع تستطيع التحكم فى مواصفات وخصائص الكود من ناحية لون الخط والحواف والخلفيه من خلال تغيير الالوان وحجم الخط بالكود نفسه.

الان كيف تستخدم الكود داخل المشاركات؟

عند كتابة تدوينه جديده وتريد وضع كود HTML  أو CSS داخلها ،ماعليك سوى نسخ الكود التالى ووضعه فى المكان المراد وضع الكود به وتضع الكود بعد تحويله اذا كان HTML او على حاله لو كان CSS فى المكان المحدد بعد تحويل التدوينه الى وضعية HTML بدلا من وضعية تأليف.

<pre><code>ضع الكود هنا بعد تحويله</code></pre>
وستكون النتيجه النهائيه للكود كما بالصوره التاليه :

أتمنى أن أكون وفقت فى الشرح
مع تحياتى لك
تعليقات



    حجم الخط
    +
    16
    -
    تباعد السطور
    +
    2
    -