طريقة اضافة الاكواد داخل اطار جميل بطريقة سهلة وبسيطة على بلوجر

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

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

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

<div style="
background: #BDEDFF;
margin: 0 20px;
padding: 10px 20px 40px 20px;
border-top: 4px solid #151B8D;
border-right: 4px solid #151B8D;
border-left: 4px solid #151B8D;
border-bottom: 4px solid #151B8D;

word-wrap: break-word;
overflow: auto;
box-shadow: 0px 0px 10px;
">
اكتب الكود الذي تريده هنا
</div>

ويمكنك التعديل فيه كما تشاء

لون الخلفية : #BDEDFF  يمكنك تغيره بأى لون تريده من هنـــا

لون الايطار : #151B8D

حجم الايطار : 4px   يمكنك تغيره كلما زاد الرقم زاد سمك الايطار .

انتهى
نشكركم على المتابعة