هاك جعل الصورة بارزة عن التدوينة في مدونات بلوجر blogger

بسم الله الرحمن الرحيم

الحمد لله والصلاة والسلام على رسول الله , سيد ولد آدم عليه أفضل صلاة وأزكى سلام ..

أخواني الكرام . السلام عليكم ورحمة الله وبركاته , إضافتنا اليوم هي إضافة رائعة لمدونتك وهي 

جعل الصورة بارزة عن التدوينة في مدونات بلوجر blogger

فمثلا الصورة العادية تكون في مستوى التدوينة كما بالصورة التالية 

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

ولمعرفة كيفية إضافة هذه الخاصية الى مدونتك أتبع الآتي :

• القاعدة الماسية .. احتفظ بنسخة من قالب مدونتك .
• من لوحة التحكم ثم تحرير html ابحث عن هذا الكود 

.post img {
padding: 5px;
background: #ffffff;
border: 1px solid #eeeeee;
-moz-box-shadow: 1px 1px 5px #CFCFCF;
-webkit-box-shadow: 1px 1px 5px #CFCFCF;
box-shadow: 1px 1px 5px #CFCFCF;
}

• ملحوظة : هذا الكود لن تجده في مدونتك بالتفصيل ولكن ابحث عن أول جزء منه وهو

.post img {

 الى هذه العلامة }

• ثم قد باستبداله بهذا الكود 

.post img {
padding: 5px;
background: #ffffff;
border: 1px solid #eeeeee;
-moz-box-shadow: 1px 1px 5px #CFCFCF;
-webkit-box-shadow: 1px 1px 5px #CFCFCF;
box-shadow: 1px 1px 5px #CFCFCF;
}

•  ثم احفظ القالب .

تحديث : بالنسبة للأشخاص الذين لم يتمكنوا من إضافة الهاك , أولا عليههم البحث عن 

</head>

ثم إضافة الكود هذا الكود قبل " فوق " الكود السابق مباشرة

.post img {
padding: 5px;
background: #ffffff;
border: 1px solid #eeeeee;
-moz-box-shadow: 1px 1px 5px #CFCFCF;
-webkit-box-shadow: 1px 1px 5px #CFCFCF;
box-shadow: 1px 1px 5px #CFCFCF;
}

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

الكاتب : باسم

شارك الموضوع

مواضيع ذات صلة