الثلاثاء، 19 مارس 2019

حل مشكلة اختفاء الإضافات من مدونات بلوجر

-لاحظت في الآونة الأخيرة ظهور مشاكل في كثير من القوالب مثل اختفاء بعض إضافات بلوجر وصراحًة أنا عانيت من هذه المشكلة. في البداية ظننت أنّ المشكلة من أكواد جافا سكريبت المرفوعة على الاستضافات وقمت بتغيير هذه الملفات ولم تُحل المشكلة، وبعد عصف ذهني خارق :) وجدت حل وتقريبًا سبب المشكلة تحديثات بلوجر الجديدة حيث أصبحت لا تقوم بعرض الإضافات التي تبدأ بالكود <b:section.

حل مشكلة اختفاء الإضافات من قوالب ومدونات بلوجر

الآن نحتاج إلى تركيز كبير من قبل الزوار بحيث أي إضافة اختفت من مدونتك سوف نقوم بعمل التالي، أولًا نذهب إلى كود HTML الخاص بالإضافة من داخل القالب ونقوم بمسح الأكواد المُظلل عليها كما في الصورة، وتغيير <b:section. إلى <div.

    <b:section class='navigation' id='navigation' maxwidgets='1' showaddelement='no'>
      <b:widget id='HTML99' locked='true' title='Navigation-Menus (Do Not Edit Here!)' type='HTML' visible='true'>
        <b:includable id='main'>
          <nav class='main-nav'>
            <!-- Main menu -->
            <ul>
              <li class='home5'><a expr:href='data:blog.homepageUrl'>الرئيسية</a></li>
              <li class='home1'><a href='#'>اعلن لدينا</a></li>
              <li class='home2'><a href='http://vision-p.blogspot.com/p/blog-page.html'>فهرس المدونة</a></li>
              <li class='home3'><a href='#'>عن المدونة</a></li>
              <li class='home4'><a href='http://vision-p.blogspot.com/p/blog-page_11.html'>اتصل بنا</a></li>
            </ul>
            <a href='#' id='pull'>قائمة</a>
          </nav><!-- /main-nav -->
        </b:includable>
      </b:widget>
    </b:section>

سوف نجعله هكذا بحيث قمنا بمسح الأكواد الملونة في الكود السابق، وقُمنا باستبدالها بالأكواد التالية.

    <div class='navigation' id='navigation'>
          <nav class='main-nav'>
            <!-- Main menu -->
            <ul>
              <li class='home5'><a expr:href='data:blog.homepageUrl'>الرئيسية</a></li>
              <li class='home1'><a href='#'>اعلن لدينا</a></li>
              <li class='home2'><a href='http://vision-p.blogspot.com/p/blog-page.html'>فهرس المدونة</a></li>
              <li class='home3'><a href='#'>عن المدونة</a></li>
              <li class='home4'><a href='http://vision-p.blogspot.com/p/blog-page_11.html'>اتصل بنا</a></li>
            </ul>
            <a href='#' id='pull'>قائمة</a>
          </nav><!-- /main-nav -->
        </div>

الآن التغييرات التي حصلت في الأكواد هي:

<b:section class='navigation' id='navigation' maxwidgets='1' showaddelement='no'>
      <b:widget id='HTML99' locked='true' title='Navigation-Menus (Do Not Edit Here!)' type='HTML' visible='true'>
<b:includable id='main'>

قمنا باستبدال b:section بوسم div وقمنا بمسح الأكواد الملونة بالأحمر.
الكود الثاني والثالث قمنا بمسحهما ليصبح الكود على الشكل التالي.

<div class='navigation' id='navigation'>

الآن الجزء الأخير من الكود والذي هو:

       </b:includable>
      </b:widget>
    </b:section>

قمنا باستبدالها بالوسم </div>
أتمنى أنّ يكون الدرس واضح، وقوموا بمقارنة الأكواد وقراءة الموضوع جيدًا.

إضافة تعليق

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *