اليوم حابب اقدم لكم موضوع كيف اضافة الصور المصغرة في مدونة بلوجر نظرا لطلب احد الاخوة وسوف اقدم الكود المستعمل
طبعا هذه الاضافة تضفي طابع جميل للزائر وتعطيه انطباعا رائع وما عدا هذا هو انك ترى تقدم مدونتك
من ناحية المظهر وهذا حافز لك لكي تقوم بالبداع واثراء العالم العربي بابدعات العرب التي لا تنتهي
والان اتركم مع الشرح
شرح تطبيق الاضافة
1-اذهب الى قالب ثم اضغط على تحريرHTML
2-نضغط على زر Ctrl+F ستفتح لنا صندوق البحث
أ-نضع السطر في صندوق البحث ونضغط Enter
هذا هو السطر الذي سوف نقوم بالبحث عنه
<b:if cond='data:post.title'>
طبعا هناك سطرين السطر المطلوب هو السطر الثاني
ب-الان نقوم بلصق الكود التالي بعد السطر مباشر
<!-- thumbnail @ posts titles, alblogger.com --> <style>.titlethumb {float: right;width: 50px;margin-left: 20px;height: 50px;border-radius: 5px;}</style> <b:if cond='data:post.thumbnailUrl'><img class='titlethumb' expr:src='data:post.thumbnailUrl'/></b:if> |
من البديهي ان تكون اضافة الصور المصغرة غير متناسقة بصورة ترضيك لان مع اختلاف تصميم القوالب يختلف التنسيق لكن
هي تعمل مع معظم القوالب بصورة صحيحة , ولمن صادفته اي مشكلة يجب التوجه الى خصائص CSS وتغير
الخصائص فيما يخص الارتفاع والعرض والهوامش والحواشي ,علما ان مقاس الصورة هو 27 بيكسل
تعليقات
إرسال تعليق