الآن نحتاج إلى تركيز كبير من قبل الزوار بحيث أي إضافة اختفت من مدونتك سوف نقوم بعمل التالي، أولًا نذهب إلى كود 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>
أتمنى أنّ يكون الدرس واضح، وقوموا بمقارنة الأكواد وقراءة الموضوع جيدًا.
Original Article