كيفية اضافة الحركة علي الصورة في مدونات بلوجر

بسم الله الرحمن الرحيم 

اقدم لكم زوارنا الكرام كيفية اضافة الحركة علي الصورة في مدونات بلوجر

هذة الاضافة لها تأثير جمالى ورائع جدا للصور و يمكنها عرض الصور بمجرد الوقوف عليها بالماوس فتتحرك الصوره. هذه الاضافه مميز جدا ويستعملها الكثيرون من المدونين .هذه لاضافه تضيف جملا الي الصورة وتجعلها مميزة.

والان مع شرح كفية التركيب

1-اذهب الى لوحه التحكم واضغط على القالب

2-اضغط على تحرير HTML

3-ثم فى المربع التى تظهر فيه الاكواد اضغط 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);

}

وهكذا نكون انتهينا