مساحة إعلانية

الجمعة، 8 فبراير، 2013

الجمعة، 8 فبراير، 2013

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

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


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

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




الكود

<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. بسم الله الرحمن الرحيم
    الفهرس جميل وخفيف وسهل جدا
    والإضافة رائعة من شخص مبدع رائع
    الله يوفقك أخي الغالي عمرو وجزاك الله خير تمت الإضافة بنجاح
    لك ودي واحترامي في أمان الله

    ردحذف

نسعد ونتشرف بتعليقاتكم
لكن هناك شروط يجب اتباعها لضمان نشر التعليقات
1ان يكون التعليق يخص محتوى الموضوع
2ان لا يحتوي التعليق اى روابط دون داعي
3إن أردت إضافة كود حوله اولا بمحول الأكواد
4أن لا يحتوي التعليق اي الفاظ او اساءات لاى احد
5أى سؤال بعيد عن محتوى الموضوع يرجى استخدام ركن الأسئلة

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