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

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

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

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

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

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

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

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

اضافة اداة اختصار روابط مقالات مدونتك مع مواقع التواصل
اضافة اداة اختصار روابط مقالات مدونتك مع مواقع التواصل
اضافة اداة اختصار روابط مقالات مدونتك مع مواقع التواصل
ميريا مصطفى01-2-2018

السلام عليكم ....😊 اليوم لدينا اضافة جديدة من أضافات بلوجر الا وهي اضافة اداة اختصار رواب ...

تركيب صفحة الأرشيف sitemap بتصميم material design ومطورة بإحترافية
تركيب صفحة الأرشيف sitemap بتصميم material design ومطورة بإحترافية
تركيب صفحة الأرشيف sitemap بتصميم material design ومطورة بإحترافية
ميريا مصطفى30-1-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

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

إضافة إعلان منزلق بشكل إحترافي أسفل مدونتك بلوجر
إضافة إعلان منزلق بشكل إحترافي أسفل مدونتك بلوجر
إضافة إعلان منزلق بشكل إحترافي أسفل مدونتك بلوجر
ميريا مصطفى05-1-2018

من أهم الأشياء التي تجلب الربح للموقع هي الإعلانات ، و في درس اليوم سنتطرق إلى الاعلانات الاحت ...

كيفية انشاء صفحة الاتصال بك او مراسلتك عبر حسابك على الواتساب مباشرة
كيفية انشاء صفحة الاتصال بك او مراسلتك عبر حسابك على الواتساب مباشرة
كيفية انشاء صفحة الاتصال بك او مراسلتك عبر حسابك على الواتساب مباشرة
ميريا مصطفى04-2-2020

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

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 برامج لكتابة الأكواد البرمجية
    المبرمجين او من يريد تعلم البرمجه يحتاج الى برنامج ليكتبب فيه الاكواد البرمجية لتعلم البرمجه , فيوجد برامج كثيره لكتابة الاكواد البرمجيه , ...
  • تحميل قالب Salbuta RTL Premium المدفوع مجانا
    قالب Salbuta المدفوع مجانا - هو نموذج احترافي لمدونات بلوجر، كما انه قالب مدفوع لكن النسخة الان مجانية للتحميل من ميريا ويب، و اليوم ساقدم ...
  • تركيب صندوق الأكواد لتضمين شفرة برمجية Syntax-Highlighter
    المنشور عبارة عن تركيب صندوق لتضمين شفرة برمجية وكما تعلمون مثل هذه الإضافات ضرورية لعرض الأكواد بالتنسيق الصحيح لها وتجنب الأخطاء بإختل...
  • تركيب صفحة الأرشيف sitemap بتصميم material design ومطورة بإحترافية
    أهلا أصدقائي ..معا سنقوم بتركيب #خريطة الموقع أو #صفحة الأرشيف لمدونة البلوجر جديدة من حيث طريقة التركيب والمظهر ذو تصميم [ البطاقة ] ...

مواقع ندعمها

  • اضف موقعك
  • بوابة الامبراطور
  • اضف موقعك
  • عرب تيش
  • #مستر نت
  • #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
ميريا ويب