اضافة فهرس بلوجر الأكثر تطورًا

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

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

من الإضافات الهامة لمدونات بلوجر هى فهرس يضم عناوين موضوعات ومشاركات المدونة فمن الضرورى إنشاء خريطة تنظم الأقسام وما تضمه من مواضيع لتمكن الزائر من الإطلاع على محتوى المدونة بالكامل بطريقة مرتبة.
(يمكن الإطلاع على طريقة عرض احدث المواضيع على بلوجر حسب أقسام المدونة)

فهى تنظم الموضوعات بجانب تواريخ النشر مع التسميات فى جدول يحدث أوتوماتيكيا عند نشر المشاركات.
هذه الإضافة مقدمة من Beautiful Beta وقد قمت بتعريبها وتنسيقها بأكواد Css لتناسب المدونات العربية.
وهذه صورة للفهرس لمعاينته:

معاينة الإضافة

مميزات كود فهرس مدونات بلوجر المطور

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

2.عرض أقسام أو التصنيفات الخاصة بكل موضوع.

3.إمكانية ترتيب الموضوعات من قبل الزائر حسب التاريخ وذلك بالضغط على كلمة التاريخ فيتغير الترتيب من الأحدث إلى الأقدم أو العكس.

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

4.عرض العدد الكلى للموضوعات مع عدد مواضيع القسم المحدد.

5. ظهور ملخص للموضوع بمجرد مرور الماوس على رابط عنوان الموضوع.

6.تخطى مشكلة تكرار المواضيع المشتركة بالتسميات.

يمكن الإطلاع على-------->> إضافة الفهرس مع مصغرات الصور لمدونات بلوجر

طريقة تركيب كود فهرس مدونات بلوجر

1.قم بإنشاء صفحة جديدة ذات عنوان فهرس الموقع أو خريطة الموقع
2.إنسخ الكود التالى وألصقه داخل Html الخاص بالمشاركة مع إستبدال الرابط الملون باللون الأحمر برابط مدونتك.

<style type="text/css">
#bp_toc {
  border: 0px solid #000000; 
  background: #ffffff;
  padding: 5px;
  width:300px;
  margin-top:10px;
}
.toc-header-col1, .toc-header-col2, .toc-header-col3 {
 text-align: center;
 background: #E6E6E6;
-webkit-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: inset 2px 2px 5px 5px #CCCCCC;
        
        box-shadow: inset 2px 2px 5px 5px #CCCCCC;
  color: #000000;
  padding-left: 2px;
  width:150px;
}
.toc-header-col2 {
  width:75px;
}
.toc-header-col3 {
  width:100px;
}
.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:80%;
  text-decoration:none;
}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
  font-size:70%;
  text-decoration:underline;
}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {
  padding-left: 5px;
  font-size:70%;
border: 2px solid white !important;
-webkit-border-radius: 10px;
border-radius: 10px;
 background: #F6F6F6;
 white-space:nowrap;
}
</style>
<br />
<div id="bp_toc">
..إنتظر قليلا لتحميل الفهرس..</div>
<script src="http://conda3ianllkhir.googlecode.com/files/blogtoc_orig%282%29.js" type="text/javascript"></script>
<script src="http://www.condaianllkhir.com/feeds/posts/summary?alt=json-in-script&amp;max-results=500&amp;callback=loadtoc" type="text/javascript"></script></div>
<a href="http://www.condaianllkhir.com/" target="_blank"><span style="color: #999999;"><span style="font-size: xx-small;">get this widget</span></span></a>&nbsp;
</div>

3. قم بتعطيل التعليقات ثم نشر الفهرس بتاريخ قديم حتى لايظهر بالصفحة الرئيسية.

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

جزيرة التدوين العربى

المشاركات الشائعة

أرشيف المدونة الإلكترونية

التسميات