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

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

• معاينة

طريقة التركيب
1. اذهب الى لوحة تحكم مدونتك وقم بانشاء صفحة جديده باسم " الفهرس " واضف بداخل الصفحة الكود التالي

<div id="bp_toc" style="max-height:1300px;overflow:scroll;overflow-x:auto;">
</div>
<script src="https://cdn.rawgit.com/assadalqaisi/qaisi1web/master/qaisi-sitemap.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>

<style scoped="" type="text/css">
#comments {display:none;}
/*  CSS Full Sitemap qaisi1web*/
#bp_toc {background:#75CC8E<;color:#fff;margin:0 auto;padding:5px;}
span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#fff;font-family:'Open Sans';font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;}
.toc-header-col1 {padding:10px;background-color:#ccc;width:250px;}
.toc-header-col2 {padding:10px;background-color:#ccc;width:75px;}
.toc-header-col3 {padding:10px;background-color:#ccc;width:125px;}
.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:13px;
text-decoration:none;color:#fff;font-family:'Noto Sans Kufi Arabic', sans-serif!important;font-weight:700;letter-spacing: 0.5px;}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
text-decoration:none;}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}
.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;}
.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#e76e66;}
#bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;}
.toc-entry-col1 {counter-increment:rowNumber;}
#bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;}
td.toc-entry-col2 {background:#fafafa;}
</style>

3. قم بحفظ الصفحة

 * ملاحظة : الكود المحدد باللون الاحمر هو خاص بلون خلفية الفهرس ، يمكنك تغيره ان اردت

ان واجهت مشكلة لا تتردد بوضعه بتعليق . . . بالتوفيق 😊

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