JavaScript is not enabled!...Please enable javascript in your browser

جافا سكريبت غير ممكن! ... الرجاء تفعيل الجافا سكريبت في متصفحك.

الصفحة الرئيسية

قائمة روابط محتويات الموضوع تذهب لأجزاء فى نفس الصفحة لبلوجر

قائمة روابط محتويات الموضوع تذهب لأجزاء فى نفس الصفحة لبلوجر

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


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

    ماهر

    تعليقات
    ليست هناك تعليقات
    إرسال تعليق
      الاسمبريد إلكترونيرسالة