دليل المدون

2015-11-09

أضف إلى فهرس موقعك صورة الكاتب، مربع بحث ،عداد التعليقات

بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

Table of content
يعتبر الفهرس من الأدوات الضرورية لأى موقع أو مدونة لمساعدة زوار الموقع إلى الوصول إلى موضوعات الموقع والإطلاع على المحتوى بسهولة ، لذلك إختيار شكل الفهرس مهم جدًا ، فهناك فهرس يعتمد على تصنيف الموضوعات بحسب التسميات أو الأقسام وهناك فهرس آخر يعتمد على تاريخ النشر من الأحدث إلى الأقدم ، ولكن اليوم سأعرض فهرس BlogToc v1.6.3 الرائع الذى يعطى المستخدم حرية إختيار طريقة عرض الموضوعات التى تناسبه  بحسب تاريخ النشر أو حسب التسميات أو  كاتب معين أو حتى عدد التعليقات مع إمكانية البحث عن ما يريد داخل الفهرس.

فقد قدمت فى موضوع سابق عن فهرس مطور من تصميم Beautiful Beta و الذى يسمح للزائر ترتيب المواضيع بحسب تاريخ النشر أو عرض فهرس لموضوعات قسم معين وقد قام بتطوير هذا الفهرس Clusteramaryllis لكى يصبح الفهرس يحتوى على صورة مصغرة للموضوع ، عدد التعليقات ، تاريخ النشر وتاريخ آخر تعديل فى المشاركة ، صورة المؤلف ومميزات أخرى عديدة سنعرضها فى الفقرة التالية.
Table of content

مميزات فهرس BlogToc v1.6.3 المطور

بعد تجربتى لهذا الفهرس علمت أن به العديد من المميزات فهو يعطى الزائر حرية إختيار سرد وفهرسة موضوعات الموقع ويسمح له بالآتى:
  1. مناسب لجميع أنواع المواقع والمدونات بما فى ذلك بلوجر و ووردبريس.
  2. ترتيب الموضوعات تصاعديًا أو تنازليًا بحسب تاريخ النشر من الأحدث للأقدم أو العكس.
  3. فلترة الموضوعات لقسم محدد حسب التسميات أو فلترة الموضوعات بحسب الحروف الأبجدية.
  4. عرض صور مصغرة تعبر عن الموضوع -->> تابع أيضًا: كيفية إضافة فهرس مصور لموقعك 
  5. يعتبر هذا الفهرس مناسب للمواقع والمدونات التى يكتب بها أكثر من كاتب حيث يمكن للقارئ فلترة مواضيع كل كاتب على حدة.
  6. يمكن للزائر البحث عن كلمة معينة بالفهرس بإستخدام مربع البحث لتظهر الموضوعات التى تحتوى على هذه الكلمة.
  7. الفهرس مقسم على عدة صفحات ليسمح بسرعة التحميل مع وجود ترقيم لهذه الصفحات أسفل الفهرس .
  8. يمكن للمستخدم تحديد عدد الموضوعات المعروضة لكل صفحة.
  9. التنبيه إلى الموضوعات الحديثة بوجود كلمة "جديد" بجوارها.
  10. عرض عدد تعليقات كل موضوع.
  11. يدعم اللغة العربية .
  12. متجاوب فهو يعرض بشكل مناسب على شاشات الهاتف.
  13. يمكن تخصيص هذا الفهرس ، أى إزالة أو إضافة تبويبات وتغيير التصميم بما يناسب موقعك عن طريق إستخدام هذا النموذج الذى وفره المصمم ، فقط أضف رابط موقعك وضبط إعدادات الفهرس بما يناسبك .
  14. يمكن أيضًا تغيير ألوان الفهرس بإستخدام CSS

معاينة الفهرس

تركيب الفهرس لمدونات بلوجر

  1. إنشاء صفحة جديدة تحتوى على عنوان الفهرس.
  2. قم بلصق الكود التالى إلى تبويب HTML للصفحة مع تبديل الجزء الملون باللون الأحمر برابط موقعك.
<script type="text/javascript" src="//clusteramaryllis.github.io/blogtoc/dist/1.6.3/blogtoc.min.js"></script>
    
    
    <div id="blogtoc"></div>
     
    <script type="text/javascript">
    var myDiv = document.getElementById('blogtoc');
     
    BlogToc( myDiv ).build({
   
  extendClass: {
    "blogtoc_id": "custom",
    "blogtoc_pagination current": "active",
    "blogtoc_pagination disabled": "disabled"
  },      
      "date": {
        "day": [
          "السبت",
          "الأحد",
          "الإثنين",
          "الثلاثاء",
          "الأربعاء",
          "الخميس",
          "الجمعة"
        ],
        "month": [
          "يناير",
          "فبراير",
          "مارس",
          "إبريل",
          "مايو",
          "يونيو",
          "يوليو",
          "أغسطس",
          "سبتمبر",
          "أكتوبر",
          "نوفمبر",
          "ديسمبر"
        ]
      },
      "label": {
        "allText": "جميع التسميات"
      },
      "language": {
        "custom": {
          "errorMessage": "خطأ",
          "newLabel": "جديد",
          "thumbnail": "صورة مصغرة",
          "title": "العنوان",
          "author": "المؤلف",
          "comment": "عدد التعليقات",
          "publishDate": "تاريخ النشر",
          "updateDate": "تاريخ آخر تعديل",
          "summary": "ملخص",
          "search": "بحث",
          "noRecords": "لايوجد نتائج لهذه الكلمات",
          "firstPage": "الصفحة الأولى",
          "lastPage": "الصفحة الأخيرة",
          "nextPage": "التالى",
          "prevPage": "السابق"
        }
      },
      "linkTarget": {
        "author": "_blank",
        "comment": "_blank",
        "thumbnail": "_blank",
        "title": "_blank"
      },
      "rightToLeft": true,
      "table": {
        "order": [
          "index",
          "thumbnail",
          "title",
          "publishDate",
          "updateDate",
          "label",
          "author",
          "comment"
        ]
      },
      "url": "http://www.Yoursite.com/"
    });
    </script>

إذا أردت إضافة أكواد Css لتنسيق شكل الفهرس بما يناسب موقعك أضف الكود التالى قبل الكود السابق

 <style type="text/css">
    

    .custom {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 13px;
      line-height: 1.428571429;
      color: #333;
    }
    .custom a {
      color: #4183C4;
      text-decoration: none;
    }
    .custom a:hover {
      color: #3269a0;
    }
    .custom input[type="text"],
    .custom select {
      margin: 0;
      width: auto;
      height: auto;
      vertical-align: middle;
      background-color: #f8f8f8;
      -webkit-box-shadow: 0 1px 0 #FFF;
      -moz-box-shadow: 0 1px 0 #FFF;
      box-shadow: 0 1px 0 #FFF;
      -webkit-transition: -webkit-border-color ease-in-out .15s -webkit-box-shadow ease-in-out .15s;
      -moz-transition: -moz-border-color ease-in-out .15s -moz-box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s box-shadow ease-in-out .15s;
      -ms-transition: border-color ease-in-out .15s box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s box-shadow ease-in-out .15s;
      display: inline-block;
      padding: 3px 10px;
      line-height: 18px;
      color: #808080;
      border: 1px solid #ddd;
      border-bottom: 1px solid #c5c5c5;
      -webkit-border-radius: 4px;
      -webkit-background-clip: padding-box;
      -moz-border-radius: 4px;
      -moz-background-clip: padding;
      border-radius: 4px;
      background-clip: padding-box;
      outline: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    .custom input[type="text"]:focus,
    .custom select:focus {
      background-color: #fcfcfc;
      border-color: #aaa;
      -webkit-box-shadow: 0 1px 0 #FFF, 0 0 8px #dce1e5;
      -moz-box-shadow: 0 1px 0 #FFF, 0 0 8px #dce1e5;
      box-shadow: 0 1px 0 #FFF, 0 0 8px #dce1e5;
    }
    .custom select,
    .custom label {
      cursor: pointer;
      margin: 0;
    }
    .custom .blogtoc_content {
      padding: 3px;
      background: #eee;
      -webkit-border-radius: 4px;
      -webkit-background-clip: padding-box;
      -moz-border-radius: 4px;
      -moz-background-clip: padding;
      border-radius: 4px;
      background-clip: padding-box;
    }
    .custom .blogtoc_header,
    .custom .blogtoc_filter {
      border-top: 1px solid #cdcdcd;
    }
    .custom .blogtoc_filter span {
      font-size: 12px;
      font-weight: bold;
    }
    .custom .blogtoc_footer,
    .custom .blogtoc_copyright {
      border-bottom: 1px solid #cdcdcd;
    }
    .custom .blogtoc_header,
    .custom .blogtoc_filter,
    .custom .blogtoc_footer,
    .custom .blogtoc_copyright {
      background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI0Y1RjRGOSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjRUNFQUYzIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+PC9zdmc+);
      background-image: -moz-linear-gradient(top, #F5F4F9 0%, #ECEAF3 100%);
      background-image: -webkit-linear-gradient(top, #F5F4F9 0%, #ECEAF3 100%);
      background-image: -o-linear-gradient(top, #F5F4F9 0%, #ECEAF3 100%);
      background-image: linear-gradient(to bottom, #F5F4F9 0%, #ECEAF3 100%);
      -webkit-box-shadow: inset 0 1px 0 #fff;
      -moz-box-shadow: inset 0 1px 0 #fff;
      box-shadow: inset 0 1px 0 #fff;
      text-shadow: 0 1px 1px #fff;
      padding: 8px;
      color: #666;
      font-size: 12px;
      font-weight: bold;
      border-left: 1px solid #cdcdcd;
      border-right: 1px solid #cdcdcd;
    }
    .custom select.blogtoc_label,
    .custom select.blogtoc_alphabet {
      width: 100%;
    }
    .custom div.blogtoc_label,
    .custom div.blogtoc_alphabet,
    .custom div.blogtoc_copyright {
      text-align: center;
    }
    .custom div.blogtoc_label button,
    .custom div.blogtoc_alphabet button,
    .custom div.blogtoc_copyright button {
      margin: 0 2px;
      position: relative;
      display: inline-block;
      color: #666;
      font-size: 13px;
      font-weight: bold;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
      text-decoration: none;
      white-space: nowrap;
      background-image: -moz-linear-gradient(#fafafa, #eaeaea);;
      background-image: -webkit-linear-gradient(#fafafa, #eaeaea);;
      background-image: -o-linear-gradient(#fafafa, #eaeaea);;
      background-image: linear-gradient(#fafafa, #eaeaea);;
      -webkit-border-radius: 3px;
      -webkit-background-clip: padding-box;
      -moz-border-radius: 3px;
      -moz-background-clip: padding;
      border-radius: 3px;
      background-clip: padding-box;
      border: 1px solid #ddd;
      border-bottom: 1px solid #c5c5c5;
      vertical-align: middle;
      cursor: pointer;
      outline: none;
      padding: 0 10px;
      line-height: 24px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    .custom div.blogtoc_label button:not([disabled]):hover,
    .custom div.blogtoc_alphabet button:not([disabled]):hover,
    .custom div.blogtoc_copyright button:not([disabled]):hover,
    .custom div.blogtoc_label button:not([disabled]):active,
    .custom div.blogtoc_alphabet button:not([disabled]):active,
    .custom div.blogtoc_copyright button:not([disabled]):active {
      background-image: -moz-linear-gradient(#eaeaea, #dadada);
      background-image: -webkit-linear-gradient(#eaeaea, #dadada);
      background-image: -o-linear-gradient(#eaeaea, #dadada);
      background-image: linear-gradient(#eaeaea, #dadada);
      border-color: #ccc #ccc #b5b5b5;
    }
    .custom div.blogtoc_label button:not([disabled]):active,
    .custom div.blogtoc_alphabet button:not([disabled]):active,
    .custom div.blogtoc_copyright button:not([disabled]):active {
      background-color: #dadada;
      background-image: none;
      border-color: #b5b5b5;
      -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15);
      box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15);
    }
    .custom div.blogtoc_label button:focus,
    .custom div.blogtoc_alphabet button:focus,
    .custom div.blogtoc_copyright button:focus {
      border-color: #51a7e8;
      -webkit-box-shadow: 0 0 5px rgba(81, 167, 232, 0.5);
      -moz-box-shadow: 0 0 5px rgba(81, 167, 232, 0.5);
      box-shadow: 0 0 5px rgba(81, 167, 232, 0.5);
    }
    .custom div.blogtoc_label button[disabled],
    .custom div.blogtoc_alphabet button[disabled],
    .custom div.blogtoc_copyright button[disabled] {
      cursor: not-allowed;
      -webkit-opacity: 0.3;
      -moz-opacity: 0.3;
      opacity: 0.3;
    }
    .custom .blogtoc_display,
    .custom .blogtoc_result {
      display: inline-block;
    }
    .custom .blogtoc_search,
    .custom .blogtoc_pagination {
      float: right;
    }
    .custom .blogtoc_query {
      margin-left: 5px !important;
    }
    .custom .blogtoc_table {
      background-color: #f8f8f8;
      border-collapse: collapse;
      border-spacing: 0;
      border: 1px solid #ccc;
      border-top-width: 0;
      border-right-width: 0;
      border-left-width: 0;
      width: 100%;
    }
    .custom .blogtoc_table th {
      background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI0Y1RjRGOSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjRUNFQUYzIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+PC9zdmc+);
      background-image: -moz-linear-gradient(top, #F5F4F9 0%, #ECEAF3 100%);
      background-image: -webkit-linear-gradient(top, #F5F4F9 0%, #ECEAF3 100%);
      background-image: -o-linear-gradient(top, #F5F4F9 0%, #ECEAF3 100%);
      background-image: linear-gradient(to bottom, #F5F4F9 0%, #ECEAF3 100%);
      -webkit-box-shadow: inset 0 1px 0 #fff;
      -moz-box-shadow: inset 0 1px 0 #fff;
      box-shadow: inset 0 1px 0 #fff;
      height: auto;
      font-size: 10px;
      text-align: center;
      text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
      color: #666;
      vertical-align: middle;
      padding: 8px;
      line-height: 1.428571429;
      border: 1px solid #ddd;
      border-bottom-width: 2px;
    }
    .custom .blogtoc_table th a {
      color: #666;
      text-decoration: none;
      display: block;
    }
    .custom .blogtoc_table th span {
      color: #666;
      padding-top: 3px;
      display: block;
      float: right;
    }
    .custom .blogtoc_table th:first-child {
      border-left: 1px solid #cdcdcd;
    }
    .custom .blogtoc_table th:last-child {
      border-right: 1px solid #cdcdcd;
    }
    .custom .blogtoc_table tr:nth-child(odd) td {
      background-color: #fcfcfc;
    }
    .custom .blogtoc_table tr:hover td {
      background-color: #f5f9fc;
    }
    .custom .blogtoc_table tr td {
      vertical-align: middle;
      padding: 8px;
      line-height: 1.428571429;
      border: 1px solid #ddd;
    }
    .custom .blogtoc_table tr td:first-child {
      border-left: 1px solid #cdcdcd;
    }
    .custom .blogtoc_table tr td:last-child {
      border-right: 1px solid #cdcdcd;
    }
    .custom .label {
      display: inline-block;
      background-color: #5BC0DE;
      font-size: 11px;
      font-weight: bold;
      color: #fff;
      text-align: center;
      white-space: nowrap;
      vertical-align: middle;
      -webkit-border-radius: 3px;
      -webkit-background-clip: padding-box;
      -moz-border-radius: 3px;
      -moz-background-clip: padding;
      border-radius: 3px;
      background-clip: padding-box;
      padding: 0 5px;
      margin-left: 5px;
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset, 0 1px 0 #FFF;
      -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset, 0 1px 0 #FFF;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset, 0 1px 0 #FFF;
    }
    .custom .blogtoc_norecords {
      text-align: center;
    }
    .custom .blogtoc_thumbnail img {
      display: inline-block;
      margin-left: 50%;
    }
    .custom .blogtoc_authorthumbnail img {
      margin-right: 5px;
    }
    .custom .blogtoc_authorthumbnail span {
      vertical-align: middle;
    }
    .custom .bt-thumb {
      cursor: pointer;
      vertical-align: middle;
      border: 1px solid #ddd;
      -webkit-border-radius: 3px;
      -webkit-background-clip: padding-box;
      -moz-border-radius: 3px;
      -moz-background-clip: padding;
      border-radius: 3px;
      background-clip: padding-box;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
    }
    .custom .bt-thumb:hover {
      border-color: #aaa;
      -webkit-box-shadow: 0 0 8px #dce1e5;
      -moz-box-shadow: 0 0 8px #dce1e5;
      box-shadow: 0 0 8px #dce1e5;
    }
    .custom .blogtoc_result b {
      color: #000;
    }
    .custom .blogtoc_pagination ul {
      display: inline-block;
      padding-left: 0;
      margin: -3px 0 0;
      -webkit-border-radius: 4px;
      -webkit-background-clip: padding-box;
      -moz-border-radius: 4px;
      -moz-background-clip: padding;
      border-radius: 4px;
      background-clip: padding-box;
    }
    .custom .blogtoc_pagination ul li {
      display: inline;
    }
    .custom .blogtoc_pagination ul li:first-child a,
    .custom .blogtoc_pagination ul li:first-child span {
      margin-left: 0;
      -webkit-border-radius: 4px 0 0 4px;
      -webkit-background-clip: padding-box;
      -moz-border-radius: 4px 0 0 4px;
      -moz-background-clip: padding;
      border-radius: 4px 0 0 4px;
      background-clip: padding-box;
    }
    .custom .blogtoc_pagination ul li:last-child a,
    .custom .blogtoc_pagination ul li:last-child span {
      margin-right: 0;
      -webkit-border-radius: 0 4px 4px 0;
      -webkit-background-clip: padding-box;
      -moz-border-radius: 0 4px 4px 0;
      -moz-background-clip: padding;
      border-radius: 0 4px 4px 0;
      background-clip: padding-box;
    }
    .custom .blogtoc_pagination ul li.active span {
      z-index: 2;
      color: #fff;
      background-image: -moz-linear-gradient(#767676, #9E9E9E);
      background-image: -webkit-linear-gradient(#767676, #9E9E9E);
      background-image: -o-linear-gradient(#767676, #9E9E9E);
      background-image: linear-gradient(#767676, #9E9E9E);
      border-color: #686868;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
    }
    .custom .blogtoc_pagination ul li.disabled span {
      z-index: 2;
      -webkit-opacity: 0.3;
      -moz-opacity: 0.3;
      opacity: 0.3;
    }
    .custom .blogtoc_pagination ul li:hover a,
    .custom .blogtoc_pagination ul li:active a {
      z-index: 2;
      color: #fff;
      background-image: -moz-linear-gradient(#599BDC, #3072B3);
      background-image: -webkit-linear-gradient(#599BDC, #3072B3);
      background-image: -o-linear-gradient(#599BDC, #3072B3);
      background-image: linear-gradient(#599BDC, #3072B3);
      border-color: #2A65A0;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
    }
    .custom .blogtoc_pagination ul li:active a {
      background-image: -moz-linear-gradient(#3072B3, #599BDC);
      background-image: -webkit-linear-gradient(#3072B3, #599BDC);
      background-image: -o-linear-gradient(#3072B3, #599BDC);
      background-image: linear-gradient(#3072B3, #599BDC);
    }
    .custom .blogtoc_pagination ul li a,
    .custom .blogtoc_pagination ul li span {
      position: relative;
      float: left;
      padding: 3px 10px;
      margin-left: -1px;
      line-height: 1.428571429;
      color: #666;
      text-decoration: none;
      background-image: -moz-linear-gradient(#fafafa, #eaeaea);;
      background-image: -webkit-linear-gradient(#fafafa, #eaeaea);;
      background-image: -o-linear-gradient(#fafafa, #eaeaea);;
      background-image: linear-gradient(#fafafa, #eaeaea);;
      border: 1px solid #ddd;
      border-bottom: 1px solid #c5c5c5;
    }
    .custom .blogtoc_pagination ul li a:focus,
    .custom .blogtoc_pagination ul li span:focus {
      border-color: #51a7e8;
      -webkit-box-shadow: 0 0 5px rgba(81, 167, 232, 0.5);
      -moz-box-shadow: 0 0 5px rgba(81, 167, 232, 0.5);
      box-shadow: 0 0 5px rgba(81, 167, 232, 0.5);
    }

</style>

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

موقع الإضافة : 

BlogToc v1.6.3
و جميع الحقوق محفوظة للمصمم Cluster Amaryllis ولا يسمح بإزالة حقوق التصميم

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

تصميم مواقع إلكترونية و تطبيقات بأقل الأسعار

هناك 12 تعليقًا

  1. السلام عليكم ورحمة الله وبركاته
    بارك الله بكم وجزاكم كل الخير
    منشوراتكم مفيدة جداً
    ارجو الحصول على كود الفهرس المستخدم في صفحتكم هذه http://www.condaianllkhir.com/p/blog-page_7.html
    مثلما هي وبدون المؤلف وتاريخ النشر والتعديل واا استطعتم ايضاً بدون التعليقات وعددها
    ولكم جزيل الشكر
    raeedk@gmail.com

    ردحذف
    الردود
    1. يمكن ذلك بحذف هذه الأجزاء من الكود
      "author": "المؤلف",
      "comment": "التعليقات",
      "publishDate": "تاريخ النشر",
      "updateDate": "آخر تعديل",
      "summary": "ملخص",

      حذف
  2. بارك الله فيك شكرا على كرمك

    ردحذف
    الردود
    1. شكرًا جزيلا على متابعتك القيمة

      حذف
  3. اشكرك على الموضوع الرائع

    ردحذف
  4. السلام عليكم ورحمة الله وبركاته
    شكرا على الموضوع القيم
    لقد قمت بعمل جميع الخطوات النى طلبتها فى الموضوع ولكن بكل اسف بتأتى صفحة الفهرس عند العد Loading 40 %
    وتقف اتمنى ان اجد الحل وشكرا

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

      },
      "feed": {
      "requestCount": "150"
      },
      مع إمكانية التعديل على رقم 150 بزيادته أو نقصانه حتى يظهر الفهرس

      حذف
  5. السلام عليكم ورحمة الله وبركاته
    الحمد لله لقد قمت باضافة الكود الذى وضعته والحمد لله اشتغل
    جزاك الله خيرا وجعل كل ما تقوم به فى ميزان حسانتك

    ردحذف
  6. يتوقف عند 60% وعندما اضفت
    },
    "feed": {
    "requestCount": "150"
    },
    قبل السطر الذى به رابط موقعي يختفي
    وقمت بتغيير رقم 150 ويظل مختفي ايضا ارجو حل هذه المشكلة وجزاك الله خيرا

    ردحذف
    الردود
    1. قم بتغيير قيمة 150 إلى 100 وأعد تركيب الكود بشكل صحيح

      حذف
  7. رائع .. جزاكم الله خير
    ممكن نسخة انجليزية

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

      حذف

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

Privacy-Policy | إعلن لدينا
جميع الحقوق محفوظة لــ كن داعيا للخير 2011-2022 ©

تصميم كن مدون