فهرس متعدد الألوان لمدونتك

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


طريقة تركيب الفهرس 

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




الكود

<style type='text/css'>
.gfg-root {
  width : 100%;
  height : auto;
  position : relative;
  overflow : hidden;
  text-align : right;
  font-family: tahoma;
  font-size: 12px;
  border: 1px solid #000;
}

.gfg-subtitle {
  font-size: 19px;
  font-weight : bold;
  font-family:traditional arabic;
  color : #fff;
  background-color: #000;
  line-height : 26px;
  overflow : hidden;
  white-space : nowrap;
  margin-bottom : 5px;
  padding-right:5px;
}

.gfg-subtitle a {
  color : #fff;
}

.gfg-entry {
  background-color : white;
  width : 100%;
  height : 6.9em;
  position : relative;
  overflow : hidden;
  text-align : right;  margin-top : 3px;
}


.gfg-listentry-odd {
  background-color : #F0F1F2;
}

</style>
<script src="https://cnmu.googlecode.com/svn/trunk/sitemap.txt">
</script>
<script src="http://cnmu.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
شرح تنسيق الكود 
أول شئ إستبدل رابط مدونتي برابط مدونتك http://cnmu.blogspot.com
  border: 1px solid #000; هذا لون الإطار الخارجي
   background-color: #000; لون خلفية العنوان
  color : #fff; وهذا لون خط العنوان
  background-color : #F0F1F2; لون خلفية روابط المواضيع
ويمكنك الحصول على أكواد الألوان من هنــا

هناك 8 تعليقات:

  1. mafich wahd bita3 almodawanat b loga english ??

    ردحذف
  2. نعم أخي يوجد فهارس للمدونات الإنجليزية وهذا أساسا كان إنجليزيا وتم تعريبه
    جرب البحث في المواقع المتخصصة في منصة بلوجر الإنجليزية وستجد العديد من الفهارس
    أو جرب أن تستبدل كلمات Right في الكود بـ Left
    وكلمات Left بــ Right
    وجربه على مدونة إنجليزية ربما يعمل بشكل جيد
    Try to change the words right to left
    and left to right in the code
    and see if it works

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

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

      حذف
    2. تأكدت من نسخ الكود و من اضافة الرابط و كل المشاركات موجودة فى اقسام مناسبة لها
      و ما زالت نفس المشكلة قائمة :(
      انا احتاج الفهرس جدا

      حذف
    3. أختي الفاضلة قمت بتجربة الفهرس برابط مدونتك بنفسي يعمل جيداً ومواضيع مدونتك ظاهرة إذا الخطا لديك في التركيب تأكدي مرة ثانية من الخطوات تأكدي من وضعه في صفحة ثابته تأكدي من تحويل صندوق الكتابة لوضع html تأكدي من الرابط فهناك رابطين يحملان إسم مدونتي واحد فقط ما يتم تغير تأكدي من ذلك أيضا تأكدي من نسخ الكود كاملا مرة أخرى وبإذن الله يعمل معك

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

    ردحذف

نسعد بتعليقاتكم ومروركم
يرجى أن يكون التعليق في اطار الموضوع اى اسئلة أو تعليق يخص موضوع آخر او سؤال خارجي نعتذر عن عدم القدرة للرد عليه

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *

جميع الحقوق محفوظة لــ كن مدون 2018 ©