إضافة جديدة لمدونات بلوجر تعمل تلقائي لصور التدوينات عند مرور مؤشر الفأرة عليها. هذه الإضافة مفيدة جدا لأصحاب مدونات الصور والمعارض وغيرها من المجالات التجارية التى تعبر الصور عن عملهم.
3- إضغط على Apply to Blog
يمكنك معاينة الإضافة من هنا (مدونة تجريبية). والأن بعد مشاهدة الإضافة اذا اعجبتك يمكنك المتابعة لإضافتها.
1- الدخول على لوحة التحكم ثم القالب Template ثم اختر تخصيص Customise
2- اختار متقدم Advanced ثم Add CSS وضع هذا الكود فى المستطيل/* CSS image zoom effec thttp://razekyoulag.blogspot.com/ */
.post img {
height: 100%;
width: 100%;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.post img:hover {
width: 150%;
height: 150%;
}
/*CSS image zoom effect http://razekyoulag.blogspot.com/ */
3- إضغط على Apply to Blog
يمكنك تغيير 150% إلى 200% اذا أردت تضخيم الصورة أكثر عند مرور مؤشر الفأرة على الصورة.
لاحظ : لتفعيل كلمة Apply to Blog قم بالنقر أخر الكود وخذ مسافة ومن ثم اضغط على Apply to Blog لاتمام المهمة. اذا اعجبك الكود قم بمشاركته على مواقعك المفضلة :)
تنبية : بعض المدونات تستخدم
القوالب الاعتيادية من بلوجر وستواجههم مشكلة عند إضافة الأداة الا وهى أن
صورة تعديل التدوينة تتضخم تلقائيا ولعلاج المشكلة يمكنك التعديل على
القالب والبحث عن كلمة "edit_allbkg.gif" وحذف رابط الصورة بالكامل.
