إضافة تأتير جميل وجداب على صور مدونتك

تدوينة بعنوان :

إضافة تأتير جميل وجداب لصور المدونة

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

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

سنقوم بإضافة هذه الخاصية عن طريق كود HTML من داخل القالب , بطريقة سهلة وبسيطة ..

ننقل الآن إلى الشرح :

الشرح

أولا ندخل إلى مدونتنا وننتقل إلى القالب من الشريط الجانبي للأدوات :

تم نضغط تحرير ليظهر لنا كود HTML الخاص بالقالب 

من داخل القالب نضغط على Ctrl + F من لوحة المفاتيح ليظهر لنا مربع البحث بالقالب 

تم داخل هذا المربع نكتب     ]]></b:skin>

تم نضغط enter ليجد لنا الكود الذي بحثنا عنه ..

ثم بعدها نقوم بنسخ هذا الكود من داخل هذه المربع ..

/* CSS Image Morph http://www.infochoukri.com */ .post img{border:10px solid #fff;overflow:hidden;-webkit-box-shadow:5px 5px 5px #111;box-shadow:5px 5px 5px #111;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;margin:20px} .post img:hover{border-radius:50%;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)} /* CSS Image Morph http://www.infochoukri.com */

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

باختصار أنسخ الكود الذي في المربع وألصقه فوق الكود الذي بحتنا عنه مباشرتا

الآن إضغط حفظ وقم بعرض المدونة وعاين إضافتك ..

إنتهى الشرح أتمنى أن يكون وافيا مستوفيا لفهمكم للموضوع المشروح 

إدعمونا بمشاركة الموضوع

شاركها