إضافة صفحة فهرس مدونة بلوجر سريعة وبسيطة بمظهر انيق وجذاب

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

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

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

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

مميزات كود فهرس المدونة

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

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

<script type="text/javascript">
var ShowImage = true;
</script>
<style>
#sitemapbyMH{font-size:17px}.h2style{box-shadow:0 2px 0 0 #ec8d00;display:block;border-radius:10px;padding:0 10px 0 0;background:#ffe7c3}#sitemapbyMH a{text-decoration:none;text-align:right;direction:rtl;box-shadow:none}.item-MH{list-style:none;position:relative;background:rgb(238,238,238);border-radius:10px;height:50px;margin:5px 3px;padding:0!important}.item-MH:after{display:none;margin:0;padding:0}.item-MH:before{display:none;margin:0;padding:0}.ImageContainer{width:50px;height:50px}.ImageContainer img{width:50px;height:50px;border-radius:10px}.Title_url{position:absolute;top:3px;margin:0 5px 0 0;color:#000;transition:200ms}.titleurlnoimg{color:#000;transition:200ms}.titleurlnoimg:hover,.Title_url:hover{color:#00f!important}.nothing{background-color:#eee;border-radius:10px}
</style>
<div id="sitemapbyMH"></div>
<script src="https://raw.githack.com/hamianemohssine/7amian/main/Sitemap_Page_Blogger.js"></script>
في حالة اردت عدم اظهار الصور وعرض الروابط فقط قم بتغيير كلمة true التي بالأحمر الى كلمة false (اكتب الكلمة كما هي لا تضع اي حروف كبيرة).
شكل صفحة الفهرسة بالصور وبدون الصور
كود فهرس المدونة لمدونات بلوجر
في حالة كانت عدد مشاركات مدونتك بالآلاف انصحك بعدم عرض الصور للحفاظ على سرعة صفحة فهرس المدونة كنتم مع محسن حميان على موقع حميان للمعلوميات شكرا على القراءة والى موضوع آخر بإذن الله .

3 تعليقات

  1. اين اضع الفهرس في المدونة ؟؟

    ردحذف
    الردود
    1. توجه الى الصفحات واضغط على صفحة جديدة ثم ضع العنوان الصفحة وبعد ذلك اختر عرض HTML واضف الاكواد الموجودة في الموضوع

      حذف
أحدث أقدم