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

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

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://rydnet.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 .
مع تحيات حمزة رمزي.......
rydnet

[اذا اعجبك الموضوع هذه روابط النشر]

URL Of Post:



Paste This HTML Code On Your Page:


التعليقات : 4

Nouh ZerBouh

مدونة الشامل نت
http://acha-net.blogspot.com/

أسامه مصطفي

شكرا أخى على الاضافه
http://dar-osama.blogspot.com/

صور مشبات حديثه

صور مشبات, مشبات, ديكورات مشبات
ادخل من هنا لمشاهده
صور مشبات
اضغط على الرابط

http://www.chemnees.com/

safa and Marwa
أزال أحد مشرفي المدونة هذا التعليق.

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