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

0

كيف أضع كود html داخل المقالة فى بلوجر ،كيف اضع كود html فى مربع ذو خلفية ملونة داخل المقالة فى بلوجر،هذه بعض الاسئله التى ربما تسألها كمدون وهى كيف تتم هذه الطريقة؟،وكيف اختار الشكل المناسب للكود المراد ادراجة بالمقالة.

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

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

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

كيف أضع كود 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>

وستكون النتيجه النهائيه للكود كما بالصوره التاليه :

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

اترك تعليق

يرجي التسجيل لترك تعليقك

شكرا للتعليق

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More