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

2

كيف أضع كود html داخل المقالة فى بلوجر ،كيف اضع كود html فى مربع ذو خلفية ملونة داخل المقالة فى بلوجر،تركيب شفرة 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}

شاهد الصوره لتحديد المكان ثم اضغط حفظ.

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

code2

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

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

<pre><code>ضع الكود هنا بعد تحويله</code></pre>

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

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

close

أهلا بك زائرنا الكريم 👋
مدونة تعلم سيو بلوجر أنشأناها من أجلك لشرح تهيئة المواقع لمحركات البحث SEO مجانا لك سواء موقعك على بلوجر أو الووردبريس ... فمتابعتك تشرفنا وسيصلك كل جديد على إيميلك فور نشرة

قم بالتسجيل فى نشرتنا البريديه وسيصلك جديد المواضيع فور نشرها بالمدونة

نحن لا نرسل البريد العشوائي! اقرأ سياسة الخصوصية الخاصة بنا لمزيد من المعلومات.

إشترك فى نشرتنا البريدية
إشترك فى نشرتنا البريدية
إشترك معنا هنا لكى يصلك عبر بريدك الإلكترونى كل جديد نقوم بنشرة بالمدونة ... ماذا تنتظر!! إشترك الآن
تستطيع إلغاء الإشتراك فى أى وقت
قد يعجبك ايضا
تعليق
  1. محمد يقول

    لا افهم يعنى الكود ده هيعمل ايه او ايه فايدته ارجو تشرح لنا مقالة عن طريق وضع الاكواد وايه فايدتها وطريق التحكم فى حجم الصور او التعديل على المواقع — على فكرة كل ماابحث على موضوع الاكواد الاقى جوجل حاطط مدونتك ادامى على طول هههههه

    1. aldewaghry يقول

      الفكره من الكود أو عموما فكرة الشرح انك كيف تضع اكواد html فى مقالتك على بلوجر بمعنى انك تقوم بشرح كود Lazy Load الذى سألت عنه وتحتاج لوضع الكود كاملا فى مقالتك على بلوجر هل تقوم بنسخ الكود ووضعه نسخ ولصق داخل المقالة.!! لاطبعا هنا سيكون الكود بارز عن المقالة ولايتجاوب مع صفحات الجوال فيتم حل تلك المشكلة بالاستعانة بهذا الكود لوضع الكود داخلة ليظهر متناسق وسهل نسخه . ارجوا ان تكون وضحت الفكرة .
      تحياتى لك

اترك تعليق

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

شكرا للتعليق

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