دليل المدون

2013-04-05

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

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

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

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

  من الإضافات الهامة لمدونات بلوجر هى فهرس يضم عناوين موضوعات ومشاركات المدونة فمن الضرورى إنشاء خريطة تنظم الأقسام وما تضمه من مواضيع لتمكن الزائر من الإطلاع على محتوى المدونة بالكامل بطريقة مرتبة.
(يمكن الإطلاع على طريقة عرض احدث المواضيع على بلوجر حسب أقسام المدونة)
list-icon
 
فهى تنظم الموضوعات بجانب تواريخ النشر مع التسميات فى جدول يحدث أوتوماتيكيا عند نشر المشاركات.
هذه الإضافة مقدمة من 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="https://cdn.rawgit.com/DrRO/condaianllkhir/master/TOC.js" type="text/javascript"></script>
<script src="http://www.Yourwebsite.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/" rel="nofollow" target="_blank"><span style="color: #999999;"><span style="font-size: xx-small;">get this widget</span></span></a>&nbsp;
</div>

3. استبدل الجزء الملون باللون الاحمر برابط موقعك
4. قم بتعطيل التعليقات ثم نشر الفهرس بتاريخ قديم حتى لايظهر بالصفحة الرئيسية.
اضافات بلوجر
تابع --->>>  كيفية إضافة مربع بحث وصورة المؤلف إلى الفهرس
تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا
تصميم مواقع إلكترونية و تطبيقات بأقل الأسعار

هناك 24 تعليقًا

  1. chokra wa jazaki allah khayran idhafa raI3a

    ردحذف
  2. شكرآ

    http://udabramj.blogspot.com/

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

    ردحذف
  4. شكرا لك أخي الكريم معلوماتك كلها صحيحة ماشائ الله
    أرجوا منك زيارة مدونتي و تقييمها
    http://www.mauriprotect.com/

    ردحذف
  5. بحق .. مبدعة
    وكتير معجب كونك فتاه ونرى كل هذا لديكِ
    جزاكِ الله خيراً

    ردحذف
  6. السلام عليكم اخى الكريم لو سمحت انا كنت عايز اعرف ازاى اخلى كل موضوع تبع لكل قسم من الاقسام اللى موجودة عندى فى بلوجر بمعنى انا عندى 8 اقسام منها اخبار و رياضه و دينى و غيرها و عايز انى اخى اللى يزور قسم الاخبار يجد المواضيع المتعلقه بالاخبار فقط ازاى اعملها ؟


    و شكرا لك

    ردحذف
  7. شكرا لمتابعتكم جميعا

    @mahmoud allam
    شرح عمل أقسام المدونة على الرابط
    http://www.condaianllkhir.com/2013/06/blogger-menu.html

    ردحذف
  8. شكرا كثير تم التطبيق وبنجاح :) http://ray7balak.blogspot.com/

    ردحذف
  9. انا ليا طلب ممكن نفس الفهرس ده بس الانجليزى

    ردحذف
  10. رااااائعة بحق
    جزاكِ الله خيرا
    http://khezanat3olom.blogspot.com/

    ردحذف
  11. ممكن قالب المدونة؟

    ردحذف
  12. شكرا لك اخي على اضافة بجد رائعة

    https://stadearabs.blogspot.com

    ردحذف
  13. لماذا تضع رابط موقعك في الكود هذا خداع يا اخي كل الاكواد التي اخذها تضعون رابط مواقعكم فيهاا ماذا تسمون هذا من اجل جلب زوار

    ردحذف
    الردود
    1. كل موضوع يأخذ منى وقت وجهد فى تجربة الاكواد وضبطها و للاسف يأتى آخرين ويقومون بنسخ مواضيعى بكل سهولة ،هذا سبب اضافة الرابط وليس خداع كما تقول ، فيمكن ازالته بسهولة فهو لا يؤثر على عمل الكود

      حذف
  14. اشكرك أختي تم التجريب علي المدونة
    http://www.techmidan.com

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

    ردحذف
    الردود
    1. شكرًا جزيلًا على دعمكم الدائم ومتابعتك القيمة

      حذف
  16. عذرا ولكن كيف يمكنني تصغير حجمة حتى يتناسب مع مدونتي
    http://www.m3lomawiki.tk/

    ردحذف
    الردود
    1. يمكن ذلك من خلال التعديل فى قيم الـ width بما يناسب مدونتك

      حذف
  17. شكرا ارجو النظر لمدونتى وتقيمها https://sanawya-online.blogspot.com.eg/

    ردحذف
  18. اخي حقي يبى كما هو ولاتظهر المواضيع
    https://explain-cut-win.blogspot.com/p/blog-page_9.html

    ردحذف

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

Privacy-Policy | إعلن لدينا
جميع الحقوق محفوظة لــ كن داعيا للخير 2011-2022 ©

تصميم كن مدون