اضافة خاصية حركة الصور في بلوجر

 

اضافة خاصية حركة الصور في بلوجر

الاخوة الاحباب سنقدم لكم طريقة جميلة ورائعة لحركة الصور في بلوخر بشكل مائل جميل مميز .

هذه الخاصية  حركة الصور ستجعل من موقعك ثقني بالدرجة الاولى مع خاصية حركة الصور في بلوجر

شرح اضافة خاصية حركة الصور في بلوجر

1_ نذهب الى خاصية قالب فى المدونة . 

2_ الخطوة التالية تحرير  HTML

3 _ نضغط على Ctrl + F

4_ نبحث على الكود   ]]></b:skin>

5_ نضع الكود التالي فوق السابق  : 

.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); }
6_ الضغط على حفظ النموذج ومبروك على خاصية حركة الصور فى بلوجر