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