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

طريقة إضافة كود جدول محتوى الموضوع لسهولة التنقل بين العناوين في بلوجر  2020 

اضافة جدول محتويات المقال داخل بلوجر
جدول محتويات الموضوع بلوجر

شرح إضافة جدول المحتوى في بلوجر.

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

تعرف على مميزات إضافة انشاء جدول في بلوجر

  • جدول المحتوى مهم إذا كان محتوى مقالك طويل فهذا يصيب القارئ بالكسل وبعض القراء يعرفون بعض المعلومات عن ذلك الموضوع ، فيدخل القارئ للنقطة التي يحب أن يعرف عنها أكثر بالضغط عليها.
  • تعزز من ظهور موقعك في نتائج البحث ، لأن جوجل ترغب في الموضوعات المنسقة وتسهل ارشفتها ، إذن عليك إضافة جدول المحتوى داخل مدونة بلوجر للاستفادة من ثقة محرك البحث
  • هذه القائمة مختلفة عن باقي القوائم المعروفة والمنتشرة عبر الإنترنت ، فهي تقوم بالقفز إذا قام أي الزوار بالضغط على أي من عناصرها .بمجرد أن يضغط الزائر على العنصر في جدول المحتوى ينتقل إلى الجزء المخصص بالعنوان الذي تم الضغط علية في جدول المحتويات

إليك طريقة اضافة جدول المحتوى في موقعك.

  • عليك اولاً بتسجيل الدخول إلي مدونة بلوجر الخاصة بك من هنا.
  • انتقل إلى مشاركة جديدة
  • إذهب لوضع الـ HTML.
  • أنسخ الأكواد التالية وقم بلصقها  في وضع الـ HTML.
ملاحظة :  يجب التعديل على الاكواد في وضع HTML قبل المعاينة أو النشر.
الأكواد

<div dir="rtl" style="text-align: right;" trbidi="on">
<h1 style="margin-right: 40px; text-align: right;">
</h1>
<h3 style="margin-right: 40px; text-align: right;">
<a name="menu">قائمة محتويات الموضوع</a></h3>
<ul style="margin-right: 40px; text-align: right;">
<li><a href="#العنوان الاول">أذهب الى العنوان الاول</a></li>
<li><a href="#العنوان الثانى">أذهب الى العنوان الثاني</a></li>
<li><a href="#العنوان الثالث">أذهب الى العنوان الثالث</a></li>
</ul>
<h3 style="margin-right: 40px; text-align: right;">
<a name="العنوان الأول">العنوان الاول</a></h3>
أكتب النص الأول هنا
<h3 style="margin-right: 40px; text-align: right;">
<a name="العنوان الثانى">العنوان الثاني</a></h3>
أكتب النص الثاني هنا </div>
<h3 style="margin-right: 40px; text-align: right;">
<a name="العنوان الثالث">العنوان الثالث</a></h3>
أكتب النص الثالث هنا </div>
<hr style="margin-right: 40px; text-align: right;" />
<div style="margin-right: 40px; text-align: right;">
<a href="#menu">اذهب إلى قائمة المحتويات</a></div>
يمكنك قراءة هذة المقالات ايضاً :-

هام : عندما تلصق الرموز وتعود إلي تبويب تأليف ، سوف تجد ظهور رابط يحولك على صفحة 404 خطأ ، لا تقلق قم بنشر الموضوع وهو في علامة HTML لتفادي هذه المشكلة ، وعدم الرجوع إلى تبويب التأليف مرة أخرى ، ليس عادة ما يحدث ذلك ، إلا عند وجود أخطاء بالقالب الخاص بك ، ولكن الرمز سوف يكون متوفر العمل لكل المدونين ، وليس به أدنى مشكلة ..
 سوف انتظر رسائلكم  يا أصدقائي