إضافة مؤثرات على الصور في مودونات بلوجر

 

إضافة مؤثرات على الصور في مودونات بلوجر ، وهذا التأثير يضفي على تدوينات بلوجر جمالاَ وتأثيراً مريحاً على الناظر ، وكما هو مبين في الصورة هذه:

 

 

 

 

وكما هو معروف إنتقل إلى لوحة التحكم الخاصة مدونتك، ثم إختر "تصميم" ،ثم اختر "تحريرHTML " أشر في خانة توسيع قوالب عناصر واجهة المستخدم، وقم بالبحث عن الكود التالي وطبعاً بإستخدام لوحة زري المفاتيح (CTRL+F ) :

]]></b:skin>

وضع قبله  الكود التالي : 

post img {-webkit-transition:  -webkit-transform .15s linear;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
padding: 5px 5px 5px 5px;
-webkit-transform:  rotate(+2deg);
-moz-transform: rotate(+2deg);
}


.post img:hover {
-webkit-box-shadow:  0 3px 6px rgba(0,0,0,.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-webkit-transform:  rotate(-1deg);
-moz-transform: rotate(-1deg);
}

 

 

Posted in: إضافات بلوجر