كيف تنشئ فهرس لمدونتك حسب الاقسام وتاريخ النشر

كيف تنشئ فهرس لمدونتك حسب الاقسام وتاريخ النشر

انشاء فهرس المدونة بالمميزات التالية :

 * يحدد عدد موضوعات مدونتك .

 * فهرس يحدث تلقائيا .

 * تظهر الموضوعات حسب المواضيع الاحدث .

 * الفهرس عبارة عن جدول يتكون من عنوان الموضوع وتاريخ النشر و القسم الذي يندرج تحته الموضوع .

شكل الفهرس بعد تركيبه

معيانة حية للفهرس

من هنا :      فهرس مدونة 

طريقة تركيب فهرس المواضيع لمدونة بلوجر

1- اضافة صفحة جديدة (صفحة وليس مشاركة)

2- اعطاء اسم للصفحة مثلا فهرس المدونة او مواضيع الموقع

3- اعتماد التحرير عبر html (وليس تأليف)

4- امسح الاكواد التي ستجدها هناك كاملا (بحيث تصبح الصفحة فارغة)

5- اضافة الكود التالي في الصفحة :

<div dir="rtl" style="text-align: right;" trbidi="on">

<style type="text/css">

#bp_toc {

  border: 0px solid #000000; 

  background: #EAEAE8;

  padding: 0px;

  width:200px;

  margin-top:0px;

}

.toc-header-col1, .toc-header-col2, .toc-header-col3 {

 text-align: center;

 background:#EAEAE8;

-webkit-border-radius: 20px;

border-radius: 20px;

-webkit-box-shadow: inset 2px 2px 5px 5px #000000;

       

        box-shadow: inset 2px 2px 5px 5px #000000;

  color: #000000;

  padding-left: 0px;

  width:100px;

}

.toc-header-col2 {

  width:75px;

}

.toc-header-col3 {

  width:80px;

}

.toc-header-col1  a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link,  .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3  a:visited {

  font-size:80%;

  text-decoration:none;

}

.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {

  font-size:70%;

  text-decoration:underline;

}

.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {

  padding-left: 5px;

  font-size:70%;

border: 2px solid white !important;

-webkit-border-radius: 10px;

border-radius: 10px;

 background: #EAEAE8;

 white-space:nowrap;

}

</style>

<div id="bp_toc">

..إنتظر قليلا لتحميل الفهرس..</div>

<script src="http://conda3ianllkhir.googlecode.com/files/blogtoc_orig%282%29.js" type="text/javascript"></script>

<script src="http://microelnems.blogspot.com//feeds/posts/summary?alt=json-in-script&amp;max-results=500&amp;callback=loadtoc"  type="text/javascript"></script>

<a  href="http://rydnet.blogspot.com/2014/03/table-of-content-blogger-with-label.html" rel="nofollow" target="_blank"><span  style="color: #999999;"><span style="font-size: xx-small;">get  this widget</span></span></a>&nbsp;

</div>

<div dir="rtl" style="text-align: right;" trbidi="on">

</div>

6- قم بتغيير رابط مدونتي بالأحمر برابط مدونتك (ضروري تغيير الرابط والا فالفهرس لن يشتغل)
7- بامكانك تغيير مظهر الفهرس ليتناسب مع شكل مدونتك وذلك بتعديل خصائص css .