فى احدى الاضافات السابقة وضعت لكم تدوينة باسم : اضافة تموج صفحة المدونة بشكل دائرى اثناء التصفح - ترنح المدونة - ROLL BLOGGER بأحدى دروس بلوجر فاليوم ساضع لكم تدوينة اخرى واتمنى ان تعجبكم وهى خاصة بأضافة تأثير على شعار المدونة او عنوان المدونة فهذا التاثير يجعل الشعار او العنوان يتحرك بشكل دائرى يمينا وشمالا بشكل جذاب عند وضع مؤشر الماوس عليها . هذه الاضافة لن تسبب اى ثقل للمدونة وعن تجربة ولن تجعل الارشيف يتاثر بمدونتك فهذه الاضافة مجرد تجميل للمدونة فقط . قبل اضافة اى اكواد او التعديل علية يجب اخذ نسخة احتياطية قبل وضع اى اكواد ومن هنا درس بسيط يعلمك طريقة اخذ نسخة احتياطية الان ناتى الى الطريقة فى البداية ادخل الى لوحة تحكم مدونتك
ومن بعدها اضغط على القالب الأن اضغط على تحرير HTML
]]></b:skin>الان قم بالبحث عن هذا الكود :
فقط ضع قبلة مباشرة هذا الكود :
#header-inner{
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
#header-inner:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
#header-inner:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
بالاخير اضغط على حفظ التغيرات .اذهب الأن الى صفحة المدونة وشاهد النتيجة ستجد اسم المدونة او عنوان المدونة او شعار المدونة يتحرك بشكل جذاب عند وضع مؤشر الماوس عليها .
اتمنى ان هذه الاضافة البسيطة اعجبتكم وانتظرونى باضافة اخرى جديدة .
