2010/08/29

كود لعمل فهرس لمدونة بلوجر بشكل جميل Blogger


فهرس جديد بشكل جديد لمدونة بلوجر
سبق وتحدثنا عن طريقة عمل فهرس لمدونة بلوجر من قبل ولكن واجه بعض اصحاب المدونات اختلاف وليست مشكلة في طريقة عرض او تقسيم الفهرس للموضوعات حسب الشهور او حسب الاقسام ، والطريقة الثانية للعرض هي الافضل ولكن لم يحصل على هذا العرض او التقسيم سوى القليل بسبب شيء لم اعرفه حتى الان وإليكم الموضوع "طريقة سهله لعمل فهرس للمدونة" .
اما اليوم أحضرت لكم كود آخر يختلف كثيرا عن الكود السابق في طريقة عرضه للموضوعات ، فهو يعرض موضوعات المدونة بشكل جميل كما ترون في صورة الموضوع وبشكل متحرك ايضا وكما يريده الجميع سوف يكون تقسيم الموضوعات حسب اقسام المدونة ، وما عليك سوى اتباع تلك الخطوات :
1-      اذهب إلى لوحة التحكم الرئيسية – تحرير الرسائل – صفحات التحرير – صفحة جديدة
وكما سبق وذكرنا ان عمل الفهرس في صفحة جديدة من "صفحات التحرير" أفضل من اختيار "رسالة جديدة" لكي تصبح صفحة الفهرس مستقلة وحتى لا تظهر في الصفحة الرئيسية لمدونتك .
2-      ضع في منطقة العنوان عنوان مناسب مثل "فهرس المدونة" او "خريطة المدونة" او "الفهرس"
3-      اختر "تحرير HTML" كما بالصورة :
أختر تحرير HTML لصفحة الفهرس

4-      ضع بها هذا الكود :
<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://mezomasr.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>
مع تغيير اسم المدونة  mezomasrباسم مدونتك
مثل هذه الصورة :
مكان وضع كود فهرس المدونة في صفحة التحرير

5-      اضغط "نشر الصفحة" ومن ثم شاهدة الفهرس الذي سوف تجده مثل خريطة مدونة ميزو مصر ، وهذه صورة للخريطة :
صورة لشكل فهرس المدونة الجديد

ولتحميل كود فهرس المدونة الجديد في ملف Text Document من هنا :
تحميل كود فهرس المدونة الجديد

وهذا الموضوع أهداء لك من dr.TamerMobarak - كمونة - Dr/ walaa salah لأنهم واجهتم مشكلة عرض الموضوعات في فهرس مدونتهم حسب الشهور وليس حسب الاقسام وقد وعدتهم بالحل وها انا أوفي بوعدي بقدر المستطاع .
وأرجو ان اكون وفقت في شرح الطريقة وكل عام وانتم بخير
۩˙·٠•●•٠·˙۩˙Ramadan Kareem˙۩˙·٠•●•٠·˙۩

هناك 43 تعليقًا:

  1. شكرا على الموضوع والتحديثات الجديدة
    فقد قمت بتجريب الكود وهو مميز للغاية

    ردحذف
  2. djamel :
    يسعدني كثيرا تعليقك اخي وكل عام وانت بخير

    ردحذف
  3. تم التطبيق مستر ميزو والحمد لله ظهر الفهرس حسب الاقسام

    متشكره لدروسك المفيده وكل عام وانت بخير

    ردحذف
  4. الكود خالى المدونة ثقيلة
    ممكن اعرف السبب
    وممكن طرقةعمل زرير للمدونة فى راس الصفحة واقسام فيها http://zoz2man.blogspot.com

    ردحذف
  5. مشكور اخوي على العمل الجميل
    myopinion371.blogspot.com

    ردحذف
  6. Dr/ walaa salah :
    يسعدني انه تم عرض الاقسام كما تريدين
    وكل عام وانتي بخير

    ردحذف
  7. khaled_bob21 :
    أولا أخي الكود ليس ثقيلا وحتى إن كان كذلك فسوف تكون صفحة الفهرس هي فقط الثقيله وليست المدونة بأكملها ويمكنك مسحه ومشاهدة الفرق
    وبالنسبة لزراير الاقسام فقد شرحت لك طريقة ووضعت لك كود في ردي على تعليقك السابق في موضوع "طريقة سهله لعمل فهرس للمدونة" وهذا هو تعليقي :
    وبالنسبة لزراير الاقسام فأنا في صدى كتابة موضوع عن تلك الزراير
    ولكن لحين نشر الموضوع يمكنك تحميل هذا الملف
    http://www.4shared.com/document/8orzhfcm/code__3_.html
    وستجد به كود ضعه في عنصر جديد مع تغيير الروابط واسماء الاقسام الموجودة في الكود براوبط واقسام مدونتك وضع العنصر أسفل رأس المدونة وسوف تظهر الروابط كما في الجزء الأعلى من مدونتي تحت الرأس مباشرة .
    أرجو أن أكون أفدتك وأتمنى لك التوفيق

    ردحذف
  8. myOpinion371 :
    شكرا لمرورك الطيب أخي وأتمنى لك التوفيق

    ردحذف
  9. السلام عليكــم ..
    ألف شكر لك أخي وبارك الله فيك
    كيف لي أن أغير من المواضيع المضافة في الفهرس فقد ظهرت لنكات الى مواضيع مدونتك وأردت أن أغير في تسمية التصنيفات .. هل من طريقة ؟
    ولك الشكر سلفـًا :)

    ردحذف
  10. أنت رائع حقا

    http://7amlbra7tk.blogspot.com/2010/12/blog-post_7689.html

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

    أتمنى إذا كان هناك طريقة أن تدلني عليها وسأكون لك من الشاكرين...

    والسلام
    ^_^

    ردحذف
  12. شكرا على المجهود الرائع ولكن هذه الاكواد ما نفعت معى ... ولكنى استخدمت كود اخر لعمل الفهرس ...... لو حابب ارسله لك .... وشكرا على المجهود الرائع مره اخرى
    http://khalik-ystyle.blogspot.com

    ردحذف
  13. أزال المؤلف هذا التعليق.

    ردحذف
  14. إبداعات تقنية المعلومات :
    شكرا لتعليقك الطيب مع أطيب التمنيات لك بالتوفيق

    ردحذف
  15. AИiĂкỤŞ :
    ما عليك أخي سوى تغيير عنوان المدونة الموجوده في الكود بعنوان مدونتك كما ذكرنا في الموضوع وسوف تجد أسم المدونة mezomasr موجود باللون الازرق فقط ضع مكانه أسم مدونتك وستظهر أقسام وموضوعات مدونتك بدل من أقسام وموضوعات مدونة ميزو مصر .
    وأنا دائما موجود لأي أستفسار أخر بأذن الله

    ردحذف
  16. حمل براحتك :
    يسعدني كثيرا تعليقك ومرحبا بك في المدونة

    ردحذف
  17. M.A :
    اولا شكرا لمرورك الطيب
    ويمكنك المحاوله مره أخرى لتطبيق الكود وأن شاء الله سوف يعمل معك ومادام لديك فهرس مختلف فليست هناك مشكلة وأتمنى لك التوفيق ^_^
    وبالنسبه لكود الفهرس الذي لديك سيسعدني كثيرا أرساله إلي او وضع رابط تحميل الكود في تعليق جديد ليستفيد منه الجميع وسنكون شاكرين لمجهودك .
    وشكرا مره أخرى لمرورك الطيب ومساهمتك معنا

    ردحذف
  18. Phi-Anime :
    وعليكم السلام ورحمة الله وبركاته
    يمكنك تجربة الكود الموجود في هذا الموضوع "طريقة سهله لعمل فهرس للمدونة" :
    http://mezomasr.blogspot.com/2010/04/blog-post_27.html
    وسيتم عرض الموضوعات في الفهرس على حسب الشهور كما حدث مع "بعض أصحاب المدونات" ولكن لن تكون بنفس الشكل الموجود في هذا الموضوع .
    وأرجو ان يناسبك شكل الفهرس الآخر ولو كحل مؤقت وإذا وجدت كود آخر بأذن الله فسوف أرسله لك بالتأكيد

    ردحذف
  19. تم تطبيق الدرس بنجاح.
    بارك الله فيك أخي الكريم

    ردحذف
  20. السلام عليكم ورحمة الله

    مجهود قوي ورائع ما شاء الله

    ولكن قمت بنسخ الكود من المستند وتبديل عنوان المدونة بعنوان مدونتي

    ولكن طلع لي فاضي

    يا ترى وين المشكلة عندي؟

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

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

    ردحذف
  23. مشكووور أخى على المجهود الرائع

    ردحذف
  24. موضوع رائع ومتميز

    http://furniture7shopping.blogspot.com/

    ماريك فى تلك المدونة ؟؟؟

    ردحذف
  25. مجهود رائع واللة بس انا اريد المواضيع تصبح فى اليمين فكيف ذلك

    ردحذف
  26. جزاكم الله خيرا .. مدونة مفيدة وجميلة

    نفع الله بكم

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

    ردحذف
  28. مجهود قوي ورائع ما شاء الله

    ردحذف
  29. عملت كما شرحت ولم يظهر شي ولا ادري ما هو السبب ارجو الشرح كيفية وضع الكود هل بعد ولا قبل كود هتمل

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

      http://3.bp.blogspot.com/-p5KKCcTZbMg/UEaT3Au315I/AAAAAAAAATM/wMcCzwF1Z4o/s1600/MeZoMaSr001.png

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

      http://3.bp.blogspot.com/-BE3nwhvwmic/UEaT45ZAvaI/AAAAAAAAATU/bB9si5EqxPU/s1600/MeZoMaSr002.png

      وانشر الموضوع على هذا الشكل
      جرب اخي وبأذن الله تعمل معك دون مشاكل
      وفي انتظار نتائجك
      وأتمنى لك التوفيق في مدونتك http://mroojaljnh.blogspot.com

      حذف
  30. ربنا يبارك فيك ويزيك حقيقي أنا استفدت كتير منك وأصبحت مديون لك..تحياتي لك وسلمت من كل شئ دوما

    ردحذف
  31. انا جربتها عندى واشتغلت
    ممتــــــــــــــازه جدا جدا والله
    الف شكر على هذا العمل

    م/ احمد الحاوى

    ردحذف
  32. السلام عليكم
    أولا : مدونتك رائعة ، والشروح ممتازة . بارك الله فيك.
    ثانيا : أضفت كود الفهرس ، وهو يعمل ، ولكن :
    - الفهرس غير متحرك ، فكل المشاركات ظاهرة. لماذا ؟
    الرابط للمعاينة http://quraneiat.blogspot.com/p/blog-page_19.html
    - هل يمكنني تغيير اللون البرتقالي والرمادي إلى ألوان اخرى تناسب مدونتي ؟
    مع الشكر .

    ردحذف
  33. مشكووووووووووووووووور
    http://nadimlove.blogspot.com/p/rssfeed.html

    ردحذف
  34. الله يرحم والديك !

    حصلت الإفادة

    صاحب الزمن الجميل

    http://zaman-jamil.blogspot.com/

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

    http://www.3rabfuture.com/

    ردحذف
  36. بارك الله فيك ..عمل مميز وسهل التطبيق .

    ردحذف
  37. كود رااااائع بجد شكرآ كثير الك

    http://udabramj.blogspot.com/

    ردحذف

يسعدنا تعليقك