اضافة فهرس احترافى ورائع لمدونات بلوجر

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

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

كل ما عليك هو ان تتبع الخطوات الاتية ..

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

طريقة الاضافة ..

• اولا ادخل الى قالب مدونتك وقم بالبحث عن هذا الكود .. "  ]]></b:skin> " .
• ثم قم بإضافة الكود التالى فوقه مباشرة ..

/* CSS Full Sitemap */#bp_toc {background:#3695DB;color:#666;margin:0 auto;padding:5px;}span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#fff;font-family:Droid Arabic Kufi;font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;}.toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;}.toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;}.toc-header-col3 {padding:10px;background-color:#f5f5f5;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:#aaa;font-family:Droid Arabic Kufi;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:#fff;font-family:Droid Arabic Kufi;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;font-family:Droid Arabic Kufi;}.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#3695DB;}#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-left:0.5em;}td.toc-entry-col2 {background:#fafafa;}

الان قم بحفظ القالب ثم انتقل الى الصفحات واختار صفحة جديدة 

ثم انتقل من وضع التأليف الى وضع html وقم بوضع هذا الكود ..

<div id="bp_toc"></div><script src="https://mudwnp.googlecode.com/svn/trunk/blogtoc.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 type="text/css">#comments {display:none;}</style>

• واذا كنت تمتل فى مدونتك مئات المقالات رجاء اضف الكود التالى بدلا من السابق ..

<div id="bp_toc" style="max-height:1300px;overflow:scroll;overflow-x:auto;"></div><script src="https://mudwnp.googlecode.com/svn/trunk/blogtoc.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 type="text/css">#comments {display:none;}</style>

ثم احفظ الصفحة ومبروك لك الاضافة 

ma

تعريف & الكاتب

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