اضافة آخر المواضيع تعتبر اضافة فرعية نظراً لانها ليست أساسية في بلوجر بالإضافة أن آخر المواضيع طبيعي تظهر في الصفحة الرئيسية لكنها تكون حيوية داخل المواضيع أو في المدونات التي تحدث بإستمرار مثل المدونات الإخبارية ولكن أحيانا أيضا تكون قوية حينما يتم عرض آخر المواضيع من قسم معين فهذا يساعد في التركيز على قسم وتقوية الزيارات اليه لكن دعونا اولا نتكلم عن انواع اضافة آخر المواضيع , وأنا أحب تصنيف إضافة آخر المواضيع إلى 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 هو عدد المواضيع التي ستظهر في الإضافة
أيضا استبدل رابط مدونتي برابط مدونتك وان اردت عرض مواضيع من قسم معين قم بتطبيق نفس الشرح الخاص بالإضافة السابقة
ملاحظة ختامية : بالنسبة لأى من الإضافات وخصوصا الأولى هناك من يحب عرض أعداد كبيرة من المواضيع ولهذا يحب إستخدام الإضافة المتحركة وكما وضحت هي ثقيلة لذا البديل أن نجعل الآداة داخل إطار يمكن تمريره بحيث نعرض العدد الذي نريده من المواضيع دون أن نأخذ حيز او نثقل المدونة بآداة متحركة ثقيلة قم بمراجعة الدرس التالي لمعرفة أكثر حول الأمر
ليست هناك تعليقات:
إرسال تعليق