عرض مصغرة صورة التدوينة في الرئيسية لمدونات بلوجر

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

 

 

طريقة عرض صويرة التدوينة في الرئيسية لمدونات بلوجر

توجه إلى لوح تحكم مدونتك ثم إلى صفحة تحرير HTML، و قبل إجراء أي تعديل على القالب احفظ نسخة احتياطية منه. الآن ابحث عن هذا الكود ]]></b:skin>  و بعده مباشرة أضف ما يلي و حفظ القالب :

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<style>
.post-thumb {display:none}
</style>

</b:if>

الكود الأزرق هو الذي يجعل ما بينه يعمل فقط في صفحات المواضيع، بينما الأخضر يمثل صنف class الصورة المخفاة. الآن فكل صورة تحمل class='post-thumb' لن تظهر إلا في الرئيسية و منه فسنمنح هذه الميزة فقط لصويرة التدوينة المصغرة. بعد استيراد الصورة في محرر نصوص بلوجر انتقل إلى وضع تحرير HTML من المحرر ثم اجعل كود الصورة كالآتي، طبعا ستضيف فقط ما لون بالأحمر لأن بقية الكود تكون موجودة  :

<img class="post-thumb" src="http://thumbnail-link.jpg" border="0" />

الآن بعد أن وضعت الصورة و فعلت ما ذكر ستضيف إعلان أو صورة أو شيء ربما يكون أفيد لك في هذا المكان كما فعلت في هذه التدوينة حيث وضعت إعلانا.