حزمة المصمم العربي: أسهل طريقة لإضافة فهرس المدونة بشكل جذاب

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

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

كيف تقوم بإنشاء فهرس المدونة

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

<div dir="rtl" style="text-align: right;" trbidi="on">
<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>

<div id="bp_toc">
..إنتظر قليلا لتحميل الفهرس..</div>
<script src="https://googledrive.com/host/0B73G2ULo2aeaNW45SjlOU0Z3NlU" type="text/javascript"></script><script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=500&amp;callback=loadtoc" type="text/javascript"></script>
</div>

إن واجهت أية مشكلة فلا تتردد في طرحها عبر صندوق التعليقات بالأسفل.