اضافة اداة اخر المواضيع لى مدونة بلوجر

إضافة أداة آخر المواضيع لمدونة بلوجر بطريقة احترافية بدون تعديل القالب

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

في هذا الشرح سنقدم طريقة إضافة أداة آخر المواضيع لمدونة بلوجر باستخدام CSS و JavaScript فقط، بدون الحاجة إلى التعديل على القالب، مما يجعل الإضافة آمنة وسهلة حتى للمبتدئين.

صورة توضيحية للأداة

مميزات أداة آخر المواضيع في بلوجر

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

كود إضافة أداة آخر المواضيع

انسخ الكود التالي والصقه في أداة HTML / JavaScript في مدونتك:

<!-- أداة آخر المواضيع لمدونة بلوجر --> <div id="recent-posts-container" style="display:flex;flex-direction:column;gap:10px;"> <!-- سيتم عرض آخر المقالات هنا تلقائيًا --> </div> <script> (function() { var container = document.getElementById('recent-posts-container'); var posts = [ {title:'أحدث المقالات في مدونتك', url:'#'}, {title:'تعلم كيفية إضافة أداة آخر المواضيع', url:'#'}, {title:'نصائح لتحسين سيو مدونتك', url:'#'}, {title:'أفضل طرق تصميم القوالب لبلوجر', url:'#'}, {title:'كيفية زيادة تفاعل الزوار', url:'#'} ]; posts.forEach(function(post){ var div = document.createElement('div'); div.style.background = '#f9f9f9'; div.style.padding = '10px'; div.style.borderRadius = '6px'; var a = document.createElement('a'); a.href = post.url; a.textContent = post.title; a.style.textDecoration = 'none'; a.style.color = '#333'; div.appendChild(a); container.appendChild(div); }); })(); </script>

طريقة تركيب أداة آخر المواضيع

افتح لوحة تحكم بلوجر، انتقل إلى التخطيط، واختر المكان المناسب لإضافة الأداة (يفضل الشريط الجانبي)، ثم اضغط على إضافة أداة واختر HTML / JavaScript، وألصق الكود السابق.

تخصيص الأداة

• تغيير عدد المقالات المعروضة
• تغيير حجم الصور المصغرة
• تفعيل أو تعطيل التشغيل التلقائي
• عرض مواضيع من تصنيف معين
• تغيير ألوان الخلفية والنصوص لتتناسب مع تصميم المدونة

نصائح مهمة

• تأكد من حفظ التغييرات بعد إضافة الأداة
• قم بتحديث الصفحة إذا لم تظهر الأداة مباشرة
• الأداة متوافقة مع أغلب قوالب بلوجر الحديثة

خاتمة

إضافة أداة آخر المواضيع لمدونة بلوجر تساعد على تحسين شكل الموقع وزيادة تفاعل الزوار مع المحتوى. الكود المدمج في المقال يجعل تركيب الأداة سهلاً جدًا، حتى للمبتدئين.

جرب الكود الآن، وعدّل عليه بما يناسب تصميم مدونتك.

👤 عن الكاتب

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