الدرس 47: طريقة اضافة صفحة الفهرس على مدونة بلوجر

شرح كيفية اضافة صفحة الفهرس على مدونة بلوجر page index for blogger لاظهار و الاطلاع على جميع مواضيع بلوجر فى صفحة واحدة مع امكانية التصنيف على حسب العنوان او التاريخ او الاقسام

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

طريقة اضافة صفحة الفهرس على مدونة بلوجر

مميزات صفحة فهرس مدونة بلوجر

- تصميم جميل لفهرس المدونة .
- يقدم لك الفهرس عنواين و تاريخ ادراج المواضيع مع الاقسام ايضا .
- يمكن للزائر ان يطلع على على مواضيع قسم معين لمواضيع مدونتك.
- امكانية فلترة المواضيع من حيث الترتيب اي يمكن للزائر ان يقوم بالاطلاع على المواضيع الاولى و القديمة لمدونتك.
- الاطلاع على عدد الكلى لمواضيع مدونة بلوجر او عدد مواضيع اي قسم من مدونتك.

كيفية اضافة صفحة فهرس المدونة ؟

- اولا ندخل الى قسم الصفحات على منصة بلوجر
- نقوم باضافة صفحة جديدة و كتابة العنوان الخاص بها
- نقوم بالادراج صفحة HTML فى الصفحة الجديدة
- الان نقوم بادارج الكود التالي ثم الحفظ

<style type="text/css">#bp_toc {margin-bottom: 10px;margin-top: 28px;text-align: right;width: 100%;}#bp_toc a {text-decoration: none;}.toc-note {padding: 5px 10px;position: relative;top: -13px;}.toc-header-col1, .toc-header-col2, .toc-header-col3 {background: #eee;border: 1px solid #ddd;color: #666;padding: 2px 5px;font-weight: bold;} /*------عناوين المواضيع------*/. toc-header-col1 { width:58%;}.toc-entry-col1 {background: #FFFFFF;border: 1px solid #ddd;padding-right: 8px;line-height: 30px;font-size: 14px;}.toc-entry-col1 a {color: #E75139;}/*------التاريخ------*/.toc-header-col2 {width: 11%;text-align: center; }.toc-entry-col2 {background: #222;border: 1px solid #111;color: #fff;text-align: center;font-size: 14px;} /*------الأقسام-------*/. toc-header-col3 {width:31%;}.toc-entry-col3 {background: #E75139;border: 1px solid #B43A27;color: #fff;padding-right: 8px;font-size: 14px;}.toc-entry-col3 a { color: #fff; }.post-header,.post-title.entry-title,.bvd,#menu2{display: none;}.post-body {border-bottom: 20px ridge #E4E4E4;}</style><br /><div id="bp_toc">..إنتظر قليلا لتحميل الفهرس.. </div><script src="https://googledrive.com/host/0B73G2ULo2aeaNW45SjlOU0Z3NlU" type="text/javascript"></script><script src="/feeds/posts/summary?alt=json-in-script&max-results=500&callback=loadtoc" type="text/javascript"></script>

شرح بالفيديو حول كيفية اضافة صفحة الفهرس على مدونة بلوجر