كيفية كتابة الكود داخل إطار جميل في بلوجر

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

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

عند كتابة الكود قم بالضغط على اشارة HTML كما في الصورة:

ثم ضع الكود التالي فيه:

<div style="
background: #F2F1F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1FKkRXSJE1U1yHJC4v79LB9p2ovcyqdyoDNkPlt-NkUK3shfMHC3sfEpFzawZl7jNclv9wj9qsH4_gBsumR8mSP-gsiXF_vWaO_8UfJpFdXiMfLrbPdS0shyphenhyphenl0rmvXkTKE9dvL0uxHq0w/s1600/Capture.PNG) no-repeat bottom center;
margin: 0 20px;
padding: 10px 20px 40px 20px;
border-top: 1px solid #a9a9a9;
border-right: 1px solid #a9a9a9;
border-left: 1px solid #a9a9a9;
border-bottom: 1px solid #a9a9a9;
font-size: 0.9em;
word-wrap: break-word;
overflow: hidden
">
اكتب الكود الذي تريده هنا
</div>

قم بتغيير ما باللون الأحمر برابط الصورة.
والمظلل باللون الأصفر بلون الحدود الجانبية.

انتهى الشرح