طريقة اضافة اطار لصور مدونتك

طريقة اضافة اطار لصور مدونتك

السلام عليكم ورحمة الله

في هذه التدوينة سنتحدث عن اضافة بسيطة لصور مدونتك وذلك لجعلها تبدو بشكل جيد كهذا





كما في الصورة التالية لاجظ الاطار الخلفي له

يعني ببساطة سنقوم باضافة اطار للصور التي تضعها في مدونتك.

أولا:نقوم بالذهاب الى لوحة التحكم في بلوجر

ثانيا:نضغط على "قالب" ثم نعمل "تحرير HTML" كما يظهر في الصورة

ثالثا:نضغط ctrl+f ثم نقوم بالبحث عن هذا الكود:

]]></b:skin>

 بعد ذلك نقوم بادراج الكود التالي فوقه مباشرة:

.post-body img {padding: 4px;border: 1px solid #AAA;background-color: #F0F0F0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: 0 15px 10px -12px black;-moz-box-shadow: 0 15px 10px -12px black;box-shadow: 0 15px 10px -12px black;}

وأخيرا نقوم بعمل حفظ للاعدادات 
واندهش في مظهر الصور الجديد

أتمنى أن يكون الشرح بسيط ومفيد