إضافة تاثير الظل Hover لصور الموضوع بتقنية css

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

 معاينة التأثير

 

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

1- من لوحة التحكم >> قالب >> تحرير HTML

2- خذ نسخة احتياطية لقالب المدونة قبل اجراء اي تغير

3- قم بالبحث عن الكود التالي بالاستعانة بلوحة التحكم (CTRL+F)

4- قم بالبحث عن الكود ]]></b:skin> واضف فوقه مباشراً الكود التالي

 .post-body img {
padding: 2px;
border-radius: 2px;
box-shadow: 1px 30px 30px -26px #A9A7A7;
border: 1px solid #D8D8D8;
background: linear-gradient(to bottom,#fefefe 0%,#EDEDED 100%);
} 

5- واخيراً اضغط على حفظ القالب اتمنى ان ينال اعجابكم الموضوع دمتم في رعاية الله وحفظه

12:35 م