شرح إضافة لتكبير الصور تلقائيا عند مرور مؤشر الفأرة على الصورة بلوجر في 3:32 م مرسلة بواسطة razek

إضافة جديدة لمدونات بلوجر تعمل تلقائي لصور التدوينات عند مرور مؤشر الفأرة عليها. هذه الإضافة مفيدة جدا لأصحاب مدونات الصور والمعارض وغيرها من المجالات التجارية التى تعبر الصور عن عملهم.

يمكنك معاينة الإضافة من هنا (مدونة تجريبية). والأن بعد مشاهدة الإضافة اذا اعجبتك يمكنك المتابعة لإضافتها.

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" وحذف رابط الصورة بالكامل.

تنبيه : المرجوا عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا

abuiyad