اضافة تأثير الزوم على الصور لمدونات بلوجر بشكل مدهش و جد سهل

مرحبا بكم مرة اخري متتبعي المدونة تطرقنا في الدرس السابق الى اضافة تأثيرات ضوئية مدهشة على الصور بالفوتشوب

ولكن في هذا الدرس سوف نتطرق الى كيفية عمل زوم للصور لمواضيع مد ونة البلوجر للمعاينة من هنا 

لتركيب التأثير نبحث عن الوسم ]]></b:skin>
ونلصق الكود التالي فوقه

.zoomeffect img{
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.7;
margin: 0 10px 5px 0;
}
.zoomeffect img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 1;
}

 ثم نلصق الكود التالي في تبويب HTML  عند تحرير المشاركة 

<a class="zoomeffect" href="#" target="_blank">
<img src="##" /></a>

 للتذكير فقط
# لوضع رابط للصورة عند الضغط عليهل
##  رابط الصورة
 مبروك عليك لإضافة