أحدث المواضيع

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


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

منذ فترة لم أشارك مواضيع تتعلق في مجال بلوجر لذا اليوم تم إقتباس هذه الإضافة من أحد قوالب بلوجر وهي إضافة جميلة وسهلة لمدونتك على بلوجر

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


  1. ادخل لوحة تحكم المدونة --> القالب ثم انقر على تحرير HTML
  2. أنقر نقرة على الأكواد ثم بإستخدام مفتاح الإختصار ctrl و f في لوحة المفاتيح ثم أبحث عن الرمز ]]></b:skin>
  3. بعد العثور عليه أضف الكود التالي فوق الرمز ]]></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)}
}


4. ثم أنقر على حفظ القالب

هل أعجبتكم؟ إذا كان الجواب نعم يرجى المشاركة لإضافة المزيد من هذه المواضيع :)


5 تعليق على " كيف تجعل عنوان مدونتك يتحرك بتمرير الفأرة عليه "

السلام عليكم نزلت قالب من عندكم والقالب بي مشاكل كتير مثل الخط والجافا سكريبت وانه المدونه لاتفتح علي الاجهزه الخلويه نهائيا برجاء اعطائي القليل من وقتكم الكريم لحل هي المشكله وكان الله في عونكمwww.hasanamen.blogspot.com
http://www.madad2.com

وايضا تعليقات الزوار hasanamen.blogspot.com

وعليكم السلام مرحباً بك.
أخي الكريم ليس لديك خبرة في مجال القوالب اختر قالب بسيط لمدونتك واحذف كل الاضافات الموجودة لديك كيف تريد ان تفتح المدونة ولا يوجد اضافة للبلوجر الا وانت اضفتها في مدونتك

تذكر قوله تعالى:
(( مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ)) ‏
-----------------------------------
الان يمكنك اضافة اي مقطع فيديو الى التعليقات وايضا اضافة الصور فقط ضع رابط الصور او مقطع الفيديو في التعليقات
----------------------------------
آرائكم تسعدنا, لمتابعة التعليق حتى نرد عليك فقط ضع إشارة على إعلامي

نحن نعرض الإعلانات على الموقع للإسهام في تحسين موقعنا.

نحن لانستخدم إعلانات ضارة او مزعجة في موقعنا نأمل منكم تعطيل الاداة في الموقع حتى تتمكن من مشاهدة الإعلانات.

شكرًا لك

×