القائمة الرئيسية

الصفحات

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

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

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

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

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

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

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

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

  • أولاً، نذهب إلى قسم الصفحات في منصة بلوجر.
  • نضيف صفحة جديدة ونكتب عنوانها.
  • نقوم بإدخال صفحة 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> 
  • فيس بوك
  • بنترست
  • تويتر
  • واتس اب
  • لينكد ان
  • بريد
author-img
shehab waleed

انا شهاب وليد مدون ويوتيوبر مصري احب التدوين و نشر كل جديد.

إظهار التعليقات
  • تعليق عادي
  • تعليق متطور
  • عن طريق المحرر بالاسفل يمكنك اضافة تعليق متطور كتعليق بصورة او فيديو يوتيوب او كود او اقتباس فقط قم بادخال الكود او النص للاقتباس او رابط صورة او فيديو يوتيوب ثم اضغط على الزر بالاسفل للتحويل قم بنسخ النتيجة واستخدمها للتعليق