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

ما هو فهرس المدونة أو أرشيف الموقع؟

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

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

السلام عليكم متابعي موقع القمة للمعلوميات اليوم سوف اشرح كيفية عمل فهرس مدونة بلوجر كصفحة تسهل على الزائر الوصول الى اي موضوع على مدونتك من خلال عرض المشاركات مصنفة حسب كل تسمية، قمت ببرمجة هذا الفهرس ليكون سريع حيث ان سكريبت صفحة فهرس مدونة بلوجر هذا لا يعتمد على مكتبة 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 (اكتب الكلمة كما هي لا تضع اي حروف كبيرة).

في حالة كانت عدد مقالات مدونتك بالآلاف انصحك بعدم عرض الصور واجعلها false للحفاظ على سرعة صفحة الفهرس في مدونتك.
تعليقات
ليست هناك تعليقات
إرسال تعليق



    وضع القراءة :
    حجم الخط
    +
    16
    -
    تباعد السطور
    +
    2
    -