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

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

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

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

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

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

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

مميزات هذه الاضافة

1-أنها تعرض تاريخ النشر لكل موضيع حتي تعرف المواضيع الاقدم والاحدث

2-امكانية عرض المواضيع حسب التاريخ وذلك بأن تضغط
 علي كلمة تاريخ  فسيتغير الترتيب من الاحدث الي الاقدم والعكس صحيح

3-انها تعرض التصنيفات الخاصة بكل موصوع

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

معاينة الاضافه
يمكنكم معاينة الاضافة باضغط هنا


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

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

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

ونقوم بالضغط علي 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="http://yourjavascript.com/7710117410/blogtoc-orig.js" type="text/javascript"></script><script src="/feeds/posts/summary?alt=json-in-script&max-results=500&callback=loadtoc" type="text/javascript"></script></div></div>


اللون الاحمر

<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: #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;}</style><br /><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&max-results=500&callback=loadtoc" type="text/javascript"></script></div></div>


اللون الرمادي

<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: #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;}</style><br /><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&max-results=500&callback=loadtoc" type="text/javascript"></script></div></div>


بعد ذلك قم بحفظ الصفحه ونشرها 
ومبرووووك عليك

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