menu
attachment
  • الصفحة الرئيسية
  • عن المدونة
  • سياسة الخصوصية
  • شروط الإستخدام
  • سجل الزوار
notifications
ميريا ويب
  • تحسين محركات البحث
  • طرق الربح والتسويق
  • _كل الطرق
  • _إعلانات أدسنس
  • المنتجات الرقمية
  • _قوالب
  • _اضافات
  • _سكريبتات
  • إضافات ولوازم بلوجر
  • _القوائم
  • _الأزرار
  • _مميزات
  • _الصفحات
  • _نظام التعليقات
  • _الملحقات
  • فوتوشوب
  • العاب
  • العاب
    10|recentpost
  • ميريا ويب
  • اضافات بلوجر
  • إنشاء جدول الملاحة لمحتوى التدوينة table of contents
ميريا مصطفى
4

إنشاء جدول الملاحة لمحتوى التدوينة table of contents

11‏/05‏/2019
share
  • ‏المشاركة في Facebook
  • ‏المشاركة على X
  • ‏المشاركة على Pinterest
  • إرسال بالبريد الإلكتروني
  • كتابة مدونة حول هذه المشاركة
settings_overscan print announcement

مرحبا..عندنا لكم سكريبت رائع لإنشاء جدول الملاحة لمحتوى التدوينة table of contents فالمميز فيه أنه تلقائي أي لايحتاج ضبط أكواد العناوين والنصوص المملة والمعقدة في كل مرة ولمن لايعرف هذه الميزة فهي عبارة عن جدول المحتويات أو قل عبارة عن قائمة تتكون من نقاط أو أجزاء من الموضوع الوارد في المقال.
يمكننا استخدام "جدول المحتويات" كتحليل لمحتويات المقالة في شكل ارتباط بحيث يكون من السهل على القارئ اختيار المعلومات التي سيقرأها أو التنقل بين ثنايا التدوينة بكل سهولة وللتذكير فإننا غالبًا ما نعثر على جدول المحتويات على مواقع ويكيبيديا والموسوعات وكذلك ملفات PDF من الكتب الإلكترونية والتي يتم وضعها عادة بعد مقدمة المقال أو الفكرة الرئيسية لمقال.
وقبل أن نتقل بكم لطريقة تركيب هذه الميزة دعنا نوضح مسألة مهمة وهي الحرص على تنسيق مواضيعك بشكل دقيق وإدراج العناوين لكي نساعد الإضافة بإعطاء أفضل نتيجة لها كما ستشاهد في المعاينة



المعاينة

طريقة تركيب الإضافة

لاتنسى أخذ نسخة إحتياطية من القالب

الخطوة الأولى

  • إنتقل للمدونة >> ثم إلى المشاركات >> ثم قم بإنشاء تدوينة جديدة كالعادة ..
  • الآن إنتقل من وضع   التأليف إلى HTML وقم بمسح كل الأكواد الموجودة
  • ثم قم بنسخ الكود التالي وضعه داخل حقل المحرر مباشرة - أنظر الصورة الجامعة في الأسفل

  • <!-- allowtoc_Content -->
    

  • إرجع لوضع التأليف وقم بكتابة التدوينة الخاصة بك ولاتنس إستخدام العناوين المناسبة لك كما شاهدت تنسيق التدوينة في صفحة المعاينة

  • report
    تنبيه...عند الإنتهاء من كتابة التدوينة وقبل نشرها إرجع لوضع HTML ولاحظ في بداية السطر ستجد هذا الوسم <div dir="rtl" style="text-align: right;" trbidi="on"> إذا لاحظت أنه مكرر عليك حذفه

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




لاتنسى أخذ نسخة إحتياطية من القالب

الخطوة الثانية

  • إنتقل إلى المظهر >> ثم إضغط على تحرير  Edit HTML 
  • إضغط في وسط محرر الأكواد  ثم   F + Ctrl لإضهار مربع البحث
  • بإستعمال  الزر  C +Ctrl  للنسخ و  V +Ctrl  للصق قم بوضع الأكواد في المكان المناسب
  • قم بالبحث عن هذا الوسم </body> فوقه أي قبله قم بوضع كود js  التالي..


  • 
    <script type='text/javascript'>
            /*<![CDATA[*/
    eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(j($){$.1G.2=j(o,p){p=$.1H({1e:"1I 1J L:",6:"1K",r:"#1L",Y:"f",1f:1g,Z:m.Z().1M(j(){M(m.1N===8)1h m.1O}).1P()},p);C N;M(p.1f==1i){N=[p.Z]==" 1Q "}1j{N=1g};M(N){v=\' #2-4{1k:1l;1R:1S;k:10-w;3:11 12 #O;13-9:#O;14:P 1T;x:0 P 1m;1n-Q:1U;Y:\'+p.Y+\';}#2-L{9:#1o;n-R:1V;n-15:1W;1X:1Y;x:P 0;}#2-4 a:1Z{20:"•";9:\'+p.r+\';x:0 g;k:10-w;n-R:1m;}#2-4 a{9:#21;n-R:22;x-23:g;k:w;1p:1q;}#2-4 a:S{9:\'+p.r+\';}.y-l 1r:z,.y-l 1s:z,.y-l 1t:z,.y-l 1u:z,.y-l 1v:z,.y-l 1w:z{14:P 0;9:\'+p.r+\';n-15:25;}#2-6{1k:1l;k:w;Q:26%;1p:1q;x:g 0;}h[1x="27"] #2-6{T-19:28;}h[1x="29"] #2-6{T-19:2a;}#2-6 a{9:2b;13-9:\'+p.r+\';3:11 12 \'+p.r+\';n-R:2c;k:10-w;1n-Q:2d;x:g;14:2e 2f;T-19:1y;n-15:1z;2g-1A:1z;}#2-6 a:S{9:#2h;13-9:#O;3:11 12 #O;}#2-4:S,#2-6 a:S{-U-D-E:0 g F G(0,0,0,0.16);-V-D-E:0 g F G(0,0,0,0.16);-W-D-E:0 g F G(0,0,0,0.16);-o-D-E:0 g F G(0,0,0,0.16);D-E:0 g F G(0,0,0,0.16);}#2-4{-U-3-c:H;-V-3-c:H;-W-3-c:H;-o-3-c:H;3-c:H;}#2-6 a{-U-3-c:I;-V-3-c:I;-W-3-c:I;-o-3-c:I;3-c:I;}#2-4 *{-U-A-B:f;-2i-A-B:f;-V-A-B:f;-W-A-B:f;-o-A-B:f;A-B:f;}\';!j(t){C e=1a.2j("v");e.2k=t,1a.l.2l(e)}(v);m.2m(\'<h J="2-4"><h J="2-L" 2n="" 2o="2p" 2q="0">\'+p.1e+\'<1B Q="18" 1A="18" 2r="0 0 24 24"><2s 2t="#1o" d="2u,18.2v.1C,2w.2x,16.2y,2z.2A,16.2B.17,2C,5.2D.17,2E.2F,7.2G,2H.2I,7.2J.1C,2K,5.2L" /></1B></h><X  J="2"></X></h>\').2M(o).2N(j(i){i=i+1;$(m).2O(\'J\',\'1b-\'+i).2P(o).2Q(\'1D+1D,p,h, 2R, 2S, 2T, 2U, 1r, 1s, 1t, 1u, 1v, 1w, p, 2V, 2W, a, 2X, 2Y, 2Z, 30, 31, 32, 33, 34, 35, 36, 37, 38, q, s, 39, 3a, 3b, 3c, 3d, 3e, 3f, C, b, u, i, 1y, X, 1c, 3g, 3h, 3i, 3j, 3k, 3l, 3m, 3n, 3o, 3p, 3q, 3r, 3s, 3t, 3u, 3v, 3w, 3x, 3y, 3z, 3A, 3B, 3C, 3D, 3E, 3F, 3G, 3H, 3I, 3J, 1b, 3K, 3L, 3M, 3N, 3O\').3P(\'<h J="2-6"><a 1d="#2-4">\'+p.6+\' ↑</a></h>\');$(\'<1c><a 1d="#1b-\'+i+\'">\'+$(m).T()+\'</a></1c>\').3Q(\'#2-4 X\')});$(\'#2-L\').1E("1F",j(){C 2=1a.3R("2");M(2.v.k==="f"){2.v.k="w"}1j{2.v.k="f"}});$(\'#2-4 a, a[1d="#2-4"]\').1E("1F",j(){C K=m.K;$(\'3S,l\').3T({3U:$(K).3V().6},3W,j(){3X.3Y.K=K});1h 1i})}}})(3Z);',62,248,'||toc|border|list||top|||color|||radius|||none|5px|div||function|display|body|this|font||||mincolor||||style|block|margin|post|target|user|select|var|box|shadow|8px|rgba|4px|30px|id|hash|Content|if|ext|f5f5f5|10px|width|size|hover|text|webkit|moz|ms|dl|float|contents|inline|1px|solid|background|padding|weight||||align|document|section|dt|href|title|Allallowtoc|true|return|false|else|position|relative|15px|min|000000|clear|both|h1|h2|h3|h4|h5|h6|dir|center|normal|height|svg|83|br|on|click|fn|extend|Table|of|Top|4d90fe|map|nodeType|nodeValue|get|allowtoc_Content|overflow|hidden|20px|180px|17px|700|cursor|pointer|before|content|777|13px|bottom||bold|100|rtl|left|ltr|right|white|11px|80px|2px|12px|line|cecece|khtml|createElement|innerHTML|appendChild|prepend|onclick|role|button|tabindex|viewBox|path|fill|M12|17L8|15L7|42|41L12|21L16|59|41L15|15M12|83L15|9L16|58|59L12|3L7|41|59L8|9L12|83Z|children|each|attr|nextUntil|not|span|applet|object|iframe|blockquote|pre|abbr|acronym|address|big|cite|code|del|dfn|emx|img|ins|kbd|samp|small|strike|strong|sub|sup|tt|dd|ol|ul|li|fieldset|form|label|legend|table|caption|tbody|tfoot|thead|tr|th|td|article|aside|canvas|details|embed|figure|figcaption|footer|header|hgroup|menu|nav|output|ruby|summary|time|mark|audio|video|after|appendTo|getElementById|html|animate|scrollTop|offset|600|window|location|jQuery'.split('|'),0,{}))
    
    $(function() {
    var post = $('.post-body div[dir]');
    
       $(post).toc('h1,h2,h3,h4,h5,h6', {
            title: "المحتويات",
            top: "رجوع",
            mincolor: "#4d90fe",
            float: "right",
            Allallowtoc: true,
        });
    
    });
      /*]]>*/
     </script>


    إعدادات الإضافة
    المعرف title خاص بعنوان جدول الملاحة ضع الإسم الذي يناسبك
    المعرف top  خاص بإسم زر الصعود ضع الإسم الذي يناسبك
    المعرف mincolor  خاص بلون الإضافة الإفتراضي يمكنك وضع كود اللون الذي تريده كقيمة مكان #4d90fe .
    المعرف float  خاص بمكان وضعية جدول الملاحة لاحظ الاتي..
    لجعل صندوق جدول الملاحة يأخذ جهة اليمين نضع القيمة right
    لجعل صندوق جدول الملاحة يأخذ جهة اليسار نضع القيمة left
    لجعل صندوق جدول الملاحة يأخذ كامل عرض الصفحة نضع القيمة none
    المعرف Allallowtoc  مهم جدا فهو ميزة تتيح لك عرض جدول المحتوايات في كامل منشوراتك دفعة واحدة دون اللجوء إلى وضع أمر التنفيذ <!-- allowtoc_Content --> داخل المنشور طبعا في حال كانت مواضيعك منسقة بشكل جيد ... إذا لتفعيل هذه الخاصية قم بالأتي..
    إستعمل القيمة true لتشغيل الإضافة في جميع منشوراتك
    إستعمل القيمة false للتعطيل في جميع منشوراتك و عرض الإضافة فقط في حال وضعنا أمر التنفيذ <!-- allowtoc_Content --> داخل المنشور.

الرجاء منكم إخواني .. إذا لاحظتم أي خلل برمجي أو كانت لديكم أي إقتراحات من شأنها أن تحسن أداء هذه الإضافة فلا تتردوا بطرحها في تعليقاتكم..بوركتم 💛

المصدر بلوجر كود

Share This
clear
  • الكاتب ميريا مصطفى
  • - 5/11/2019
اضافات بلوجر
كيفية انشاء صفحة الاتصال بك او مراسلتك عبر حسابك على الواتساب مباشرة
كيفية انشاء صفحة الاتصال بك او مراسلتك عبر حسابك على الواتساب مباشرة
كيفية انشاء صفحة الاتصال بك او مراسلتك عبر حسابك على الواتساب مباشرة
ميريا مصطفى04-2-2020

كيفية انشاء صفحة الاتصال بك او مراسلتك عبر حسابك على الواتساب مباشرة كما نعلم فان من اهم ...

تركيب صفحة فهرس المحتويات للمدونة مع الترقيم
تركيب صفحة فهرس المحتويات للمدونة مع الترقيم
تركيب صفحة فهرس المحتويات للمدونة مع الترقيم
ميريا مصطفى23-3-2019

أداة خريطة الموقع أو فهرس المحتويات للمدونة مع ترقيم الصفحات Blogger Archive with Paginati ...

تغيير شكل بار الكوكيز لمدونات بلوجر لشكل احترافي بلونين مختلفين
تغيير شكل بار الكوكيز لمدونات بلوجر لشكل احترافي بلونين مختلفين
تغيير شكل بار الكوكيز لمدونات بلوجر لشكل احترافي بلونين مختلفين
ميريا مصطفى16-1-2018

السلام عليكم ورحمه الله وبركاته اليوم ساضع لكم اضافه مهمه لكل مدونه وهي تغيير شكل بار الكوكيز ال ...

اضافة مواضيع ذات صلة وسط تدوينات بلوجر
اضافة مواضيع ذات صلة وسط تدوينات بلوجر
اضافة مواضيع ذات صلة وسط تدوينات بلوجر
ميريا مصطفى11-5-2018

السلام عليكم مرحبا بكم في مدونة ميريا ويب في تدوينه اليةم اقدم اضافة مواضيع ذات صلة وسط تدو ...

حل مشكلة فهرسة محركات البحث للصفحة الرئيسية بدل مواضيع مدونتك
حل مشكلة فهرسة محركات البحث للصفحة الرئيسية بدل مواضيع مدونتك
حل مشكلة فهرسة محركات البحث للصفحة الرئيسية بدل مواضيع مدونتك
ميريا مصطفى15-1-2019

السلام عليكم ... 😍 مرحبا بكم في مدونة ميريا ويب الأعزاء إن كنت تعاني من هذه المشكلة , فعلى ...

تركيب صندوق الأكواد لتضمين شفرة برمجية Syntax-Highlighter
تركيب صندوق الأكواد لتضمين شفرة برمجية Syntax-Highlighter
تركيب صندوق الأكواد لتضمين شفرة برمجية Syntax-Highlighter
ميريا مصطفى25-2-2019

المنشور عبارة عن تركيب صندوق لتضمين شفرة برمجية وكما تعلمون مثل هذه الإضافات ضرورية لعرض الأكوا ...

اضافه هيدر احترافي داخل المواضيع تعطي شكل جذاب ورائع لمدونتك
اضافه هيدر احترافي داخل المواضيع تعطي شكل جذاب ورائع لمدونتك
اضافه هيدر احترافي داخل المواضيع تعطي شكل جذاب ورائع لمدونتك
ميريا مصطفى17-2-2019

مرحبا متابعي مدونة ميريا ويب الأعزاء اليوم سنقدم لكم إضافة  متميزة سوف تعطي شكل جذاب و ...

إنشاء جدول الملاحة لمحتوى التدوينة table of contents
إنشاء جدول الملاحة لمحتوى التدوينة table of contents
إنشاء جدول الملاحة لمحتوى التدوينة table of contents
ميريا مصطفى11-5-2019

مرحبا..عندنا لكم سكريبت رائع لإنشاء جدول الملاحة لمحتوى التدوينة table of contents فالمميز فيه ...

اضافة افضل كود تعطيل مانع الاعلانات اد بلوك | سكربت غير قابل للإزالة anti adblock
اضافة افضل كود تعطيل مانع الاعلانات اد بلوك | سكربت غير قابل للإزالة anti adblock
اضافة افضل كود تعطيل مانع الاعلانات اد بلوك | سكربت غير قابل للإزالة anti adblock
ميريا مصطفى02-2-2020

اليوم اقدم لكم سكربت يحمي مدونتك من اضافة اد بلوك التي تخفي الاعلانات على الزائرين والتي تسبب ...

اضافة مواضيع جديدة قادمة قربيا !
اضافة مواضيع جديدة قادمة قربيا !
اضافة مواضيع جديدة قادمة قربيا !
ميريا مصطفى22-2-2017

السلام عليكم .. 😊 الاضافة جديدة وجميلة فى نفس الوقت الاضافة لتخبر الزائرين  عن اعمالك ...

add_comment إرسال تعليق

  1. technoa5bar12/15/2019 12:05:00 ص

    لم يعمل معي للأسف لا اعرف لماذا اتبعت كل الخطوات يظهر المربع فارغ ....

    ردحذف
    الردود
    1. ميريا مصطفى12/15/2019 07:43:00 م

      اعطني رابط الموقع للمعاينة

      حذف
      الردود
        رد
    2. رد
  2. بلوجر كود9/22/2020 03:34:00 م

    نرجو ذكر المصدر اختاه

    ردحذف
    الردود
    1. باسم شوغي9/23/2020 11:07:00 م

      راجع التدونة اخي تم ذكر المصدر وقت نشرها :)

      حذف
      الردود
        رد
    2. رد
إضافة تعليق
تحميل المزيد...

الإشتراك في القناة

تابعنا على فيسبوك

المتابعون

Labels

  • اختصار روابط (3)
  • اضافات بلوجر (17)
  • الربح من الإنترنت (2)
  • السيو-SEO (6)
  • الصفحات (1)
  • العاب (2)
  • انترو (1)
  • برامج وتطبيقات (3)
  • خطوط (1)
  • دروس وشروحات (14)
  • فوتوشوب (2)
  • قوالب بلوجر (21)
  • قوالب معربة (2)
  • مقالات (1)
  • مميزات (1)
  • يوتيوب (1)

Contributors

  • باسم شوغي
  • ميريا مصطفى
  • mahdi eo
  • mireya web

المشاركات الشائعة - إفتراضي

  • تحميل قالب insaf bro ماتيريال ديزاين
    قالب insaf bro ماتيريال ديزاين السلام عليكم ورحمة الله وبركاته تحية طيبة وبعد مرحباً بكم من جديد على موقع ميريا ويب فى موضوع جديد وقا...
  • أفضل 5 برامج لكتابة الأكواد البرمجية
    المبرمجين او من يريد تعلم البرمجه يحتاج الى برنامج ليكتبب فيه الاكواد البرمجية لتعلم البرمجه , فيوجد برامج كثيره لكتابة الاكواد البرمجيه , ...
  • تركيب صندوق الأكواد لتضمين شفرة برمجية Syntax-Highlighter
    المنشور عبارة عن تركيب صندوق لتضمين شفرة برمجية وكما تعلمون مثل هذه الإضافات ضرورية لعرض الأكواد بالتنسيق الصحيح لها وتجنب الأخطاء بإختل...
  • تحميل قالب Salbuta RTL Premium المدفوع مجانا
    قالب Salbuta المدفوع مجانا - هو نموذج احترافي لمدونات بلوجر، كما انه قالب مدفوع لكن النسخة الان مجانية للتحميل من ميريا ويب، و اليوم ساقدم ...
  • حصريا ☝️ تحميل قالب ميريا ويب V5 بمناسبة 2020 مجانا
    مرحبا متابعي ميريا ويب الكرام  اليوم  نقدم لكم قالب المدونة الحالي v5.0 مجانا لكم وبدون شروط 🥰 cloud_download تحميل المل...

مواقع ندعمها

  • اضف موقعك
  • بوابة الامبراطور
  • اضف موقعك
  • عرب تيش
  • #مستر نت
  • #opiilz
  • #سيزون
  • #مدونة تقني
  • facebook
  • youtube
  • twitter
  • pinterest
attachment
  • الصفحة الرئيسية
  • الأرشيف
  • سياسة الخصوصية
  • شروط الإستخدام
  • اتصل بنا
  • facebook
  • youtube
  • twitter
  • pinterest
عن الموقع ميريا ويب

كل ماهو جديد في عالم بلوجر

  1. facebook
  2. youtube
  3. twitter
  4. pinterest

روابط مفيدة

  • مركز سما لرفع ومشاركة الملفات والفيديو
  • بديل ادسنس لربح البيتكوين
  • ضع نص قابل للنقر هنا
  • ضع نص قابل للنقر هنا

أقسام الموقع

اختصار روابط (3) اضافات بلوجر (17) الربح من الإنترنت (2) السيو-SEO (6) الصفحات (1) العاب (2) انترو (1) برامج وتطبيقات (3) خطوط (1) دروس وشروحات (14) فوتوشوب (2) قوالب بلوجر (21) قوالب معربة (2) مقالات (1) مميزات (1) يوتيوب (1)
clear
clear

  • facebook
  • youtube
  • twitter
  • pinterest
ميريا ويب