اضافة تأثير يجعل عنوان المدونة يتحرك بمرور الماوس عليه

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

((ولا تحسبن الله غافلا عما يعمل الظالمون

إنما يؤخرهم ليوم تشخص فيه الأبصار مهطعين

مقنعي رءوسهم لا يرتد إليهم طرفهم وأفئدتهم هواء))

صدق الله العظيم

اهلاً بكم زوار ومتابعي المدونة الكرام

اليوم درسنا سنتعرف علي إضافة جديدة وفريدة لمدونات بلوجر تجعل عنوان المدونة سواء كان نص أو صورة يهتز بمجرد تمرير الماوس فوقه كما هو ظاهر في الصورة

طريقة التركيب

HTMLادخل لوحة تحكم المدونة --> القالب ثم انقر على تحرير

باستخدام الكيبورد ثم بالبحث من خلال

ctrl + f

ابحث عن

]]></b:skin>

وبعد العثور عليه اضف الكود التالي فوقه مباشرة

#header h1 a:hover{/*animation*/-webkit-animation:jelly .5s; -moz-animation:jelly .5s; -ms-animation:jelly .5s; -o-animation:jelly .5s; animation:jelly .5s;}#header img:hover{/*animation*/-webkit-animation:jelly .5s; -moz-animation:jelly .5s; -ms-animation:jelly .5s; -o-animation:jelly .5s; animation:jelly .5s;}@-webkit-keyframes jelly{from,to{-webkit-transform:scale(1, 1);transform:scale(1, 1)}25%{-webkit-transform:scale(.9, 1.1);transform:scale(.9, 1.1)}50%{-webkit-transform:scale(1.1, .9);transform:scale(1.1, .9)}75%{-webkit-transform:scale(.95, 1.05);transform:scale(.95, 1.05)}}@keyframes jelly{from,to{-webkit-transform:scale(1, 1);transform:scale(1, 1)}25%{-webkit-transform:scale(.9, 1.1);transform:scale(.9, 1.1)}50%{-webkit-transform:scale(1.1, .9);transform:scale(1.1, .9)}75%{-webkit-transform:scale(.95, 1.05);transform:scale(.95, 1.05)} }

ثم حفظ القالب

ومبروك عليك الأضافة .

بالتوفيق

الموضوع من قسم:

تنويه : الصور والفيديوهات في هذا الموضوع على هذا الموقع مستمده أحيانا من مجموعة متنوعة من المصادر الإعلامية الأخرى. حقوق الطبع محفوظة بالكامل من قبل المصدر. إذا كان هناك مشكلة في هذا الصدد، يمكنك الاتصال بنا من هنا.

عن الموقع

العباقرة العرب

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