طريقة علم هوفر hover لشعار المدونة في قالب سكويز عن طريق كود css فقط
إضافة hover احترافي لشعار المدونة في قالب سكويز تحريك لوجو |
الهوفر أو hover ببساطة هو مايحدث عند تمرير زر الفأرة على عنصر من العناصر في
واجهة الموقع على سبيل المثال عند التمرير على رابط في القائمة الرئيسية لاي قالب
بلوجر تكون الخلفية متغير إلى لون آخر أو شيء من هذا القبيل ، ليس هذا وفقط بل
يمكنك حتى أن تقوم بعمل أنيميشن بهذه الميزة وهذا ما سوف نتطريق إليه في هذا
المقال.
سأعطيكم جميع الأكواد جاهزة ولن نقوم بشرح أجزاء هذا الكود ، فقط تقوم بنسخ
الأكواد وتقوم بلصقها في المدونة الخاص بك إذا أردت إضافة نفس الهوفر إلى قالب
مدونتك أيضا والشرح سوف يكون على قالب سكويز المجاني والمدفوع.
كل ما تحتاجه هو تحميل ملف الأكواد التي سوف نحتاجها في هذا الشرح جميعها في ملف
واحد واتباع الخطوات لكي تستطيع وضع هوفر للوجو الخاص بك في قالب سكويز ، يمكنك
تحميل الملف من الرابط التالي :
خطوات إضافة هوفر لشعار المدونة في قالب سكويز
- بعد تحميلك للملف من رابط التحميل اعلاه
- تذهب الى بلوجر وتضغط على الإعدادات ومن ثم المظهر وثم تضغط على زر بجانب كلمة التخصيص وتختار تعديل HTML
- تضغط في أي مكان في الكود وتضغط على Crtl + F لكي تظهر لك خانة في أعلى اليسار
- تقوم بنسخ الكود الأول من الملف #Header1 img وتقوم بلصقه في خانة البحث وتضغط Enter
- عندها ستجد أكواد تنزل إلى اسفل هذه الأكواد وتقوم بلصق الكود الثاني في ملف الشرح
- تضغط على حفظ المظهر وتنتظر حتى تظهر لك رسالة تح التحديث بنجاح
- مبروك عليك تقوم الآن بعمل تحديث الصفحة حتى تتاكد أن جميع الاكواد شغال بدون مشاكل.
- إذا اشتغلت الأكواد اشترك في قناتنا على اليوتيوب دروس تيك Doros Tech
شرح بالفيديو عن كيفية عمل هوفر hover لشجار المدونة logo في قالب سكويز
مثل هذه الشروحات ليست ضرورية فقط هي ثانوية تزيد جمالية القالب ويمكنك إضافتها
للمدونة الخاصة بك بدون مشاكل لتجعلها أكثر احترافية وملفتة للانظار وكذا تنال
إعجاب الزوار أيضا.
من الجيد أحيانا كسر الوضع الكلاسيكي للأشياء وتجرب شيئا جديدا وتقوم بتغيير
شكل مدونتك ليبدو أكثر احترافية مما هو عليه الآن.
في الأخير أتمنى أن ينال هذا الشرح إعجابكم إذا لم تفهم أي شيء أو كان لك اي
سؤال حول بلوجر يمكنك ترك تعليق في بلوجر أو يمكنك الإشتراك في قناتنا على
اليوتيوب حيث أجيب على جميع التعليقات هناك من هنا
اشترك في قناتنا على اليوتيوب
مواضيع مقترحة :
Tags:
شروحات بلوجر