الدرس 57: كيفية اضافة صفحة الفهرس على مدونة بلوجر - page index for blogger
* مرحبا بك أخي الكريم سعيد بلقائك في موضوع جديد لمدونة تعلم معنا
اليوم سوف أشرح طريقة اضافة صفحة الفهرس page Index for blogger في صفحة واحدة مع امكانية التصنيف على حسب العنوان أو التاريخ أو الأقسام.
هذا الدرس مهم جدا لأن به الزائر يحظى بأفضل تصفح لمدونتك.
عندما يدخل الزائر الى مدونتك ويريد الإطلاع واختيار أي موضوع فسيجده بكل سهولة وأريحية ، لهذا أخي الكريم يجب عليك أن تضيف صفحة الفهرس الى مدونتك.
يمكنك معاينة الفهرس الذي هو على مدونة تعلم معنا : من هنا
كيفية اضافة صفحة الفهرس للمدونة :
1 - أول شيئ تقوم به هو الدخول الى قسم الصفحات على منصة بلوجر .
2 - تقوم بادراج صفحة جديدة وكتابة العنوان الخاص بها .
3 - اذهب الى صفحة html تم تنسخ و تلصق فيها الكود :
- من الأفضل مشاهدة الفيديو لمعرفة الطريقة الصحيحة والسليمة ولكي لاتقع في الأخطاء
- http://textuploader.com/5nc52
او
<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>
-------------------------------------------------------------------------------------------------