التحكم الكامل في إضافة آخر المواضيع

recent post with thumbnail blogger
اضافة آخر المواضيع تعتبر اضافة فرعية نظراً لانها ليست أساسية في بلوجر بالإضافة أن آخر المواضيع طبيعي تظهر في الصفحة الرئيسية لكنها تكون حيوية داخل المواضيع أو في المدونات التي تحدث بإستمرار مثل المدونات الإخبارية ولكن أحيانا أيضا تكون قوية حينما يتم عرض آخر المواضيع من قسم معين فهذا يساعد في التركيز على قسم وتقوية الزيارات اليه لكن دعونا اولا نتكلم عن انواع اضافة آخر المواضيع , وأنا أحب تصنيف إضافة آخر المواضيع إلى 4 انواع


آخر المواضيع العادية

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

آخر المواضيع مع مصغرات

وهي كالسابقه لكنها تتيح نبذه من الموضوع وصورة مصغره وهي الافضل سواء في العرض او جذب الإنتباه

آخر المواضيع مصغرات فقط 

جيده في المدونات التي تهتم بشكل المصغرات وتجعلها تدل على المحتوى أما المدونات التي لا تهتم بالصور المصغره لن تكون جيده في عرضها

آخر المواضيع المتحركه

تميزها الحركة في عرض عدد أكبر من المواضيع لكنها الأسوأ من حيث السرعه والثقل

لذا اخترت لكم أفضل نوعين للحديث عنهما وهما
آخر المواضيع مع مصغرات , وآخر المواضيع مصغرات فقط

نيدأ مع آخر المواضيع مع المصغرات


كود الإضافة أضفه الى آداة HTML/JavaScript





شرح التنسيق

هذا الكود width:64px هو عرض الصورة المصغرة غير الرقم 64 لتغيير عرض الصورة
هذا الكود height:64px هو ارتفاع الصورة المصغره غيره أيضا بحسب ما تريد
ان ردت الصورة المصغرة جهة اليمين غير float:left  الى float:right
واستبدل هذه الأرقام  5px 10px 5px 0  بهذه   5px  0 5px 10px
هذا الرقم 15px هو حجم الخط
وهذا هو font-family:Arial; نوع الخط استبدل الوسم بوسم الخط الذي تريده
وهذا هو height:85px; ارتفاع كل مشاركه قم بزيادة الرقم بحسب ما تريد
الرقم 5 هو عدد المشاركات المعروضه
والرقم  60 هو عدد حروف النبذه من كل مشاركة
ثم استبدل http://cnmu.blogspot.com  برابط مدونتك
ملاحظه ان ردت عرض المواضيع من قسم معين استبدل الكود التالي default
بهذا الكود default/-/#
مع مراعاة تغيير علامة # برابط القسم
مثال
http://cnmu.blogspot.com/feeds/posts/default/-/Facebook?orderby
رابط القسم هو المعلم بالأزرق
لكن الأقسام التي تكون بالعربية لا تكون كلمة بل رموز كهذه
%D8%A5%D8%B6%D8%A7%D9%81%D8%A7%D8%AA%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1
كيفية الحصول عليها , عند نسخ رابط القسم ستجده بشكل مثل التالي
http://cnmu.blogspot.com/search/label/%D8%A5%D8%B6%D8%A7%D9%81%D8%A7%D8%AA%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1?&max-results=5
نحن نريد الأكواد التي تقع بين العلامتين ذوات اللون الأحمر
مثال كامل للمعاينة بعد إضافة القسم



ننتقل الى آخر المواضيع مصغرات فقط


كود الإضافة ضعه في آداة HTML/Java Script


طريقة التنسيق


هذا الكود width:78px;  عرض الصور المصغرة
وهذا هو ارتفاعها height:78px
والرقم 9 هو عدد المواضيع التي ستظهر في الإضافة
أيضا استبدل رابط مدونتي برابط مدونتك وان اردت عرض مواضيع من قسم معين قم بتطبيق نفس الشرح الخاص بالإضافة السابقة

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