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