السلام عليكم ، مرحبا بكم في درس جديد ، درس اليوم سنتطرق فيه إلى طريقة إضافة تأثيرات حركية على الصور في مدونات البلوجر . كل مدون يبحث عن الجديد ليضيفه إلى مدونته أو موقعه ، و الجديد نادرا ما نجده . من أجل إستكمال كنابة موضوع على المدونة لا بد من إدراج صورة تعطي شكل متميز أو طبع خاص للموضوع ، فالصور تلعب دور جد كبير في جلب الزوار ، يعني كل ما أضفت صورة توضح بها مضمون المقالة كلما كان هناك تفاعل و التفاعل يعني متابعين ، مما يجعلنا نستنتج أن لصورة دور جد مهم بالنسبة للمدونات و المواقع . لكن إذا ما تمكنا من إضافة تأثيرات على الصور فسيكون ذلك شيءا رائعا و ذلك هو موضوعنا اليوم .
انتظر قليلا10 ثواني
إضافة تأثيرات حركية على الصور في البلوجر
الشرح
- نتوجه الى المدونة .
- قالب .
- تحرير HTML .
- نضيف الكود التالي قبل الوسم ]]></b:skin>
/* CSS Image Morph http://www.hukmat.blogspot.com */
.post img{border:10px solid #fff;overflow:hidden;-webkit-box-shadow:5px 5px 5px #111;box-shadow:5px 5px 5px #111;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;margin:20px}
.post img:hover{border-radius:50%;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
/* CSS Image Morph http://www.hukmat.blogspot.com */
- ثم نضغط حفظ .
الموضوع : إضافة تأثيرات حركية على الصور في البلوجر .
المروجوا احترام سياسة المدونة و عمل بها و شكرا ااا