الدرس 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: #006BFF;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: #018EC5; } /*------التاريخ------*/ .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: #018EC5; border: 1px solid #0086B7;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://raw.githack.com/didorahim/arabes1/master/arabes1-index.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&max-results=500&callback=loadtoc" type="text/javascript"></script> <a href="https://www.arabes1.com/2015/10/how-to-add-page-index-on-blogger.html" rel="nofollow" target="_blank"><span style="color: #999999;"><span style="font-size: xx-small;">get this widget</span></span></a> 

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