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

اضافة تاثير التحريك على الصور في بلوجر

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

 وكلما وجد الزائر ان الموقع جميل سوف يطيل في الزياره وهذا سوف يحسن جدا من ترتيب موقعك ويجعلك تصعد في الصفحه الاولى في جوجل وفي مدونة mindegy1 اقدم لكم احدث اضافات بلوجر بتقنيه css وقوالب بلوجر احترافيه مجانيه
الاضافع واضحه جدا في غلاف التدوينه لذلك لتنوجه الى طريقة التركيب داخل الموقع مباشرة


إقرا ايضا : تعرف على ماهي اسباب انخفاض ارباحك على موقع جوجل ادسنس ؟
إقرا ايضا : قالب بلوجر احترافي مجاني للمدونات الاجنبيه Vikka

طريقة اضافة تاثير التمويج على الصور في بلوجر

• قم بعملية blogger تسجيل الدخول وتوجه الى القالب ومن ثم تحرير html
•  ابحث في القالب على </b:skin> وضع الكود التالي فوقه مباشرة 

@-webkit-keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@-moz-keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

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

.mindegy1   {
/* بداية كلاص */
/* ***  هذا كود الخلفية يمكنك تغييره عبر هذا الرابط */
background: linear-gradient(to right,#2b0c93 0,#a54098 56%,#f84272 100%);
/* *** هذا كود الخلفية يمكنك تغييره عبر هذا الرابط */
background-size: 1400% 1400%;
-webkit-animation: AnimationName 12s ease infinite;
-moz-animation: AnimationName 12s ease infinite;
animation: AnimationName 12s ease infinite;
/* نهاية كلاص */
}

تنويه الاضافه منقوله من مدونة عبدو تكنولوجي