اضافة فهرس المدونة بثلاتة اشكال احترافيه

[محروم.كوم]

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

اهلا ومرحبا بكم من جديد:clap:زوار ومتابعي مدونة الاوائل الكرام

عدت لكم اليوم بإضافة جمييييله جداا والاكثر احترافيه علي منصة بلوجر
وهي اضافة فهرس المدونة بشكل احترافي

هذه الاضافة تتواجد علي ثلاثة اشكال والوان مختلفه

مميزات هذه الاضافة
1-أنها تعرض تاريخ النشر لكل موضيع حتي تعرف المواضيع الاقدم والاحدث
2-امكانية عرض المواضيع حسب التاريخ وذلك بأن تضغط علي كلمة تاريخ فسيتغير الترتيب من الاحدث الي الاقدم والعكس صحيح
3-انها تعرض التصنيفات الخاصة بكل موصوع
4-تسمح هذه الاضافة بفلترة الموضوعات بحسب أقسام المدونة وذلك بالضغط على عنوان قسم معين سيظهر فقط الموضوعات الخاصه بكل قسم

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

طريقة اضافة هذا الارشيف الي المدونة

نذهب الي لوحة التحكم ثم نضغط علي الصفحات




ثم نضغط علي صفحه جديده


ونقوم بالضغط علي html ونلصق احد الاكواد التاليه داخل المستطيل



الفهرس باللون الازرق
رمز Code:

#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;}


..إنتظر قليلا لتحميل الفهرس..

الفهرس بللون الاحمر
رمز Code:

#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;}

..إنتظر قليلا لتحميل الفهرس..




</div></div>
الفهرس باللون الرمادي

رمز Code:

#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;}

..إنتظر قليلا لتحميل الفهرس..




</div></div>بعد ذلك قم بحفظ الصفحه ونشرها ومبرووووك عليك وشكرااا والسلام عليكم ورحمة الله بركاته
المصدر اضافة فهرس المدونة بثلاتة اشكال احترافيه مدونة الاوائل</div></div> __DEFINE_LIKE_SHARE__