الأحد، 15 أكتوبر 2017

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




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

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

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

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

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

طريقة اضافة صفحة فهرس بلوجر

طريقة اضافة صفحة فهرس بلوجر
الأن تقوم بإدراج الكود التالي في الصفحة ثم إضغط على زر الحفظ
<div dir="rtl" style="text-align: right;" trbidi="on"> <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: ;}</style> <div id="bp_toc"> ..إنتظر قليلا لتحميل الفهرس..</div> <script src="http://yourjavascript.com/7710117410/blogtoc-orig.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=500&amp;callback=loadtoc" type="text/javascript"></script> </div>

موضوع ذات صلة : طريقة تسمية رابط الصفحة الثابتة

1 التعليقات

جميلا اخي كل توافيق لك تحياتي www.the-prof-dz.com

لتصلك إشعارات ردود هذا الموضوع على البريد الإلكترونى أضف علامة بالمربع بجوار كلمة "إعلامى"